🔒 Cohort 1 is full — join the waitlist for cohort 2 🔒

Finally master dataviz:
Learn D3.js.

D3.js is the ultimate data visualization tool, but it's hard to learn. This course combines it with React and AI so you can build anything you can imagine.

YH

Taught by Yan Holtz

So good. So painful.

D3.js is the gold standard for data visualization on the web. Unlike ggplot2, Matplotlib, or even Javascript charting libraries, D3 gives you complete control over every pixel.

But let's be honest: learning D3 is painful.

The API is vast. The documentation assumes you already know it. Tutorials are scattered, outdated, or riddled with anti-patterns. You end up copy-pasting code you don't understand, stitching together a fragile chart that breaks the moment you try to customize it.

Last but not least, most examples you’ll find online don’t use React, the standard library for building modern UIs that removes 99% of the friction.

Finally, make it click.

We're in an era where AI can scaffold 80% of your code. The barrier to entry has never been lower. So why settle for limited charting libraries when you can finally master the real thing?

This course gives you what scattered tutorials never could: a clear mental model of how interactive charts actually work. You'll learn the D3 + React combo from the ground up—the modern way.

You won't just build a scatterplot or a bar chart. You'll understand the underlying principles—so you can create any visualization you can imagine.

By the end, you'll have AI as your copilot and the skills to steer it. The only limit will be your creativity.


Welcome to the best way to learn data visualization on the web. It's called:

D3
heart
React

React leads UI. D3 leads dataviz.

Learn how they work together.

⚡️ Master D3.js

You'll start with the fundamentals of front-end development, then learn D3.js and React one concept at a time, until you can build virtually anything.

Web Foundation

What you need to know before jumping into d3.js

Main Course

11 modules to master D3.js and React

You’ll build stunning charts

By the end of the course, you’ll have the skills to build virtually anything. Each module ends with a real project, and you can share your work in the #share-your-viz Discord channel.

Real life example of a scatterplot made with react and d3

Real life use-case

Reproduction of a data wrapper chart representing countries CO2 data

GIF showing a mirror transition between a boxplot and a violin plot

Boxplot to Violin plot

Interactive example showing the difference between a boxplot and a violin

gif of a an interactive beeswarm plot

Interactive Beeswarm

Interactive Beeswarm with hover effect, annotation and search bar.

GIF of a custom population pyramid made with d3 and react

Population Pyramid

A very customized version of a population pyramid

GIF of a custom population pyramid made with d3 and react

Population Pyramid

A very customized version of a population pyramid

Gif of an histogram with a slider that controls the bin size instantly.

Bin size slider

See the effect of bin size on a histogram with this interactive example

GIF of a radar chart, a line chart and a lollipop that animate between dataset

Radar chart, line chart an lollipop with animated transition

Three charts connected to same buttons, with smooth, synchronized animation when a button is clicked

Picture of a simple treemap

Hover effect

Treemap with hover effect to highlight a group

GIF of a streamgraph with multiple interactive features

Streamgraph application

Streamgraph with a slider to zoom on a time stamp and with interactive inline legends

Who is this for?

Anyone into dataviz would love this course. But you will especially love it if:

You need stunning, custom visuals

D3 is the only tool that lets you build anything. No limits, no compromises—just full creative control.

You've tried D3 and hit a wall

You've copy-pasted code you didn't understand, and your chart broke the moment you tried to customize it.

You've outgrown charting libraries

Shiny, Streamlit, Recharts, Chart.js, or Plotly got you started... but you want to reach the next level.

You want to level up your React skills

You know React, but adding D3 expertise will set you apart and open doors to specialized roles.

No HTML or JavaScript experience? No problem. The first two modules teach the foundations.

👋 Hi! I'm Yan Holtz.

Senior Software Engineer in ❤️ with educational content.

A picture of Yan Holtz

For the past 5 years, I’ve worked at Datadog, building interactive, production-grade charts full time—so I know what works in the real world.

I’ve also taught programming and data visualization to over 2,000 students through my other courses, sharing the patterns and mental models that make complex topics approachable.

You might know me from the R, Python, D3.js, and React Graph Galleries, or from my award-winning platforms Data-to-Viz.com and Dataviz-Inspiration.com.

This course is my step-by-step approach to mastering interactive, production-ready visualizations with D3.js and React, combining real-world patterns, mental models, and hands-on projects.

Join me, and in just a few hours, you’ll gain skills and confidence that will make building complex, dynamic charts feel natural 🔥.

What People Are Saying

Over 2,000 students are already learning with me through my 2 other best-seller courses, which have gathered hundreds of testimonials (1, 2). And now this course has its own: the first cohort welcomed more than 300 students, who all built bespoke, interactive charts. A bunch of them were kind enough to leave a testimonial. Here's what they're saying:

A picture of a testimonial
Remi Delaporte-Mathurin 🇺🇸Postdoctoral Associate at MIT

Yan delivered an exceptional talk on Data Visualization at our MIT research centre, and we gained a tremendous amount of insight from his expertise!

His tools, workshops, and training resources are invaluable for anyone looking to enhance their data visualization skills, and we highly recommend exploring them.

A picture of a testimonial
Théophile L. Mouton 🇫🇷Postdoctoral researcher at University of Zurich

I attended both of other Yan's courses, productive-r-workflow and matplotlib-journey, and they were excellent.

Clear, well-structured, and highly insightful. I highly recommend them and can't wait to follow this one too!

A picture of a testimonial
Robert Crocker 🇺🇸Sr. Frontend Engineer at Abbott

Yan has done an exceptional job to create an efficient course that still manages to help you understand how to approach creating custom visualization with D3.js while also keeping it fun 😄

A picture of a testimonial
Teniloluwa Sogbesan 🇳🇬Business Intelligence Analyst

This course has been one of the most helpful resources I've found for learning D3 with React.

Even though I sometimes had to refer to the solutions, the process taught me a lot. The balance between theory and practice is great, and I especially appreciate how the exercises build intuition rather than just memorization.

A picture of a testimonial
Camille Achat 🇫🇷Cartography & Data Specialist @ Agence Alpine des Territoires

I attended a 2-day training with Yan on D3 and React.

Thanks to his attentiveness, he suggested an approach that was well suited to my skill level and business needs. Combining theory with (a lot of!) practice, he explains complex topics with great clarity.

I now have a solid foundation to continue learning, and I leave with many tips and directions to make my future work easier.

A picture of a testimonial
Colas Droin 🇫🇷Climate Data Scientist

The React Graph Gallery has been an invaluable resource in my journey of learning interactive web-based data visualization.

The course is clear, concise, and straight to the point. The chart templates are simple, elegant, visually appealing, and are incredibly useful for quickly getting started with a given visualization.

I highly recommend it to anyone looking to elevate their data visualization skills!

Yan is genuinely one of the best teachers I've come across for data viz. The React + D3 course is structured really well, with bite-sized lessons that actually build on each other.

I'm halfway through and already have real projects to show. The community aspect makes it even better. Highly recommend.

A picture of a testimonial
Yulia Horodnycha 🇮🇪Senior BI Developer at KPMG Ireland | Visual Analytics & RPA

I loove the course so much so far 😭😭😭 Everything is so nicely explained, parts I struggled to understand fall just into the right place. I feel actually guided and empowered to learn 🥹

And the text is so well-written and so human in this era of AI! Thank you for that, maybe my excitement is too early, but right now this course feels like a true gem.

A picture of a testimonial
Florian Krause 🇩🇪Business Analyst

I was really excited to join the D3 loves React course and learn first-hand from a great DataViz designer like Yan. And the course fully met my expectations: great content, a clear course structure, comprehensive sandboxed lessons, and engaging practice projects that made me actually create something from scratch on my machine and publish it to GitHub, a real-world learning experience that many courses lack.

And if there is ever a problem during the course journey, Yan is very present and there to support.

A picture of a testimonial
Amanda Weisbrod 🇺🇸Information Designer

I was up until 1am last night because I was having such a good time tweaking and learning the ins and outs of React. Thanks Yan for putting this course together and I'm excited to keep learning!!

A picture of a testimonial
Eliška Valterová 🇨🇿Data Visualization Specialist

I like how practical it is and appreciate all the support you give to the students.

I'm someone who tried to learn D3 in the past and gave it up 🙈. Your course is different league 😉

A picture of a testimonial
Marion Saint-Lu 🇫🇷Freelance Data Visualization Specialist • Climatologist, PhD

I love it!

I can't believe how much I've learned already and it's been very satisfying. It's like finally having a door to a world I didn't know how to get into.

The format is perfect, very smart, on point. Thanks again for putting it together!

A picture of a testimonial
Alvaro Campion Mezquiriz 🇪🇸SW/Performance Support Team Lead at Siemens Gamesa

Highly recommended. The course is going beyond a learning experience. Yan provides the right dose of theory and practice for learning not only the fundamentals but also the advanced concepts.

From the beginning you are able to put into practice what you learn and start building stunning stuff, increasing your engagement with the course. All this accompanied with a very collaborative framework where other students and Yan himself keep very helpful and responsive.

A picture of a testimonial
Jessica Bosch 🇨🇦Data Visualization Engineer

The course is absolutely amazing!!! I love it! 😻 One of the best courses I've taken! It was exactly what I was hoping for and there is so much to learn and endless design possibilities. 🙂

I'm applying the things I've learnt on a personal project. It's so much fun. Yesterday I was sitting on the computer the whole day until midnight 😅 Time flies!

Thank you so much for building this course and sharing your knowledge. ❤️. It opened a new world for me!

A picture of a testimonial
Jeff Lean 🇳🇿Senior Data Analyst at The Co-operative Bank

I've followed Yan's posts about data viz for years. I knew he had courses on data viz using R and Python but early in 2026 I noticed he had created a course using D3 combined with React for data viz. I'd been trying to learn D3 properly for years after having used other libraries like DC.js with some small success. I never really felt like I could successfully build anything with D3. Then I started Yan's course…

The course begins with a great overview of the fundamental technology of web development and React. If you've never seen any of this before it could be a steep learning curve but Yan has created dozens of small quizzes to help embed the learning from each section.

You'll then work through different sections, each culminating in a mini assignment to build a particular data viz. It's a great way to see yourself actually building something tangible. Part of my struggle in the past has been crippling procrastination, but I found that these smaller exercises and assignments made it easier to push through that and get to a point where I understood enough to get something built.

I still have lots to learn, but one of the great things about this course is that you have access to the materials forever after you enrol.

This is, without a doubt, the best course on D3 that I've ever completed and I thoroughly recommend it to anyone who wants to learn D3.

A picture of a testimonial
Razvan Zamfira 🇷🇴Information Designer at Studio Interrobang

Yan Holtz has created an amazing online D3 course that I'm following right now. Besides the super easy-to-follow lessons, there's also a Discord community so you don't feel lonely during the process, plus Yan is incredibly proactive about answering questions and hosts two live Q&As every Friday.

A picture of a testimonial
Johnny King Lau 🇬🇧Data Scientist & Researcher, PhD

Lately, I've been exploring D3 and React through Yan Holtz's course, and I'm enjoying it a lot. It's very well-structured and carefully thought through, which has already given us a solid high-level understanding of how web creation works and how things are built.

The course D3 ♥️ React is what I would wish from an online programming course: well-structured, very applied, with feedback and community.

The possibility to access the course flexibly and life-long was a clear advantage for me as a working professional and a busy parent. One more point for me to choose it was that the certificate of completion is provided.

I enjoy building something real, and Yan's knowledge and expertise enable this.

A picture of a testimonial
Chris Matthis 🇺🇸Technician at University of Pittsburgh

This course has a rare quality: it makes you curious. It has opened my eyes to what is possible.

I came in knowing nothing about D3.JS and React, and while I'm still working through the material, I already find myself being less afraid and more confident in taking my visuals to the next level. Yan does a terrific job of demystifying the magic behind the visuals that seemed beyond my reach before taking this course.

A picture of a testimonial
Nils Indreiten 🇬🇧Data Scientist at Danone

I have tried to learn D3 for years, with limited success. Browsing the D3 and Observable documentation never really clicked with me, and I always found it a bit confusing, until I found the D3 ❤️ React course.

This course takes you from fundamentals to building stunning web based data visualisations in no time. Not only do you get to grips with D3, but you are also presented with a tech stack built for the modern age. I strongly recommend this course to anyone interested in D3 and modern web app development!

A picture of a testimonial
Sacha Schlumpf 🇦🇹Cartographer, Lecturer & Freelancer

I'm really happy about both the quantity and quality of the whole course. It's clear that Yan knows what he is talking about (and he is always there to help). It is truly worth the price!

A picture of a testimonial
Fotini Deligiannaki 🇩🇪Data, AI & Creative Tech

This course is a true investment. It took me from zero knowledge, to understanding all key elements I need to build the kind of interactive data visualizations I envision, with the confidence that I know what I (and an AI) am doing.

Doors are closed

Join the waitlist!

The first cohort is full with 300 students currently learning! Join the waitlist to be notified when doors reopen for cohort 2.

349

599

First cohort price

Join the waitlist to get early access when doors reopen.

11 modules + bonus + foundation
Friday Office Hours (live Q&A)
Lifetime access
Discord community
Certificate of completion

💸 Discounts

Why this will work

Most D3 tutorials throw complex examples at you and hope something sticks. This course is built on how people actually learn.

Learn by Doing

Tons of exercises with increasing complexity. Reading docs never made anyone good at D3. Building things does.

Back to the Basics

2 full modules on web fundamentals—SVG, JavaScript, React basics. No hand-waving. No "you should already know this."

Bite-Sized Lessons

Short, focused lessons you can squeeze into your day. 15 minutes here, 20 minutes there. No 2-hour marathons.

Progressive Complexity

Start simple. Build confidence. Then tackle the hard stuff. You won't drown in a sea of complex examples from day one.

I'm Sitting Next to You

Live Office Hours every Friday. Ask questions, get unstuck, and learn from what others are building.

The Modern Stack

React + D3, not ancient vanilla JS patterns. Write code you'd actually ship today, not copy-paste artifacts from 2015.

100+ Interactive Examples

Every concept comes with a CodeSandbox you can fork and break. From "hello world" to production-ready patterns.

A Real Community

A Discord where you share your work and get real feedback. Not a ghost town—an active group learning together.

Bonus: A ready-to-go template for data storytelling with all the right libraries pre-installed.

⏰ You Won't Fall Asleep!

This course is NOT a collection of long, dull, unrefined videos. You'll seamlessly switch between concise text, engaging videos, quizzes, and hands-on exercises using our interactive embedded sandboxes!

Loading sandbox...

Check the code on the left.
Can you turn the bars red?

🙋 Frequently Asked Questions