Understand D3.js
Finally
D3.js is the ultimate data visualization tool, but itâs hard to learn.
By the end of this course, youâll know how to combine it with React to build virtually anything.
Taught by Yan Holtz
So good. So painful.
D3.js is the only tool that gives you 100% control. Contraty to other tools like Ggplot2, Matplotlib, Shiny, Streamlit, JS libraries... d3.js allows to build literally anything.
And letâs be honest: learning D3 is painful at best
The syntax is quirky. The documentation is confusing. Tutorials are often outdated, incomplete, or full of bad practices. You end up copy-pasting code you barely understand, creating a Frankenstein chart thatâs impossible to maintain.
AI can help you generate 80% of the codeâbut the last 20%? Thatâs the part that really counts, and no AI can finish it for you.
Finally, make it click.
Instead of piecing together scattered tutorials, youâll build a clear mental model of how an interactive chart works.
This course isnât just about scatterplots or line charts. It teaches you the foundations to build literally any interactive chart you can imagine.
By the end, the only limit will be your creativityâand how you want to represent your data.
I call it..
React â€ïž D3.js
React leads UI. D3 leads dataviz.
Learn how they work together.
đ Hi! I'm Yan Holtz.
Senior Software Engineer in â€ïž with educational content.
With over a decade of hands-on experience in data analysis and software engineering, I've had the privilege of working in various tech companies and research labs globally.
You might recognize me from my widely-visited educational platforms like the R, Python, D3.js, and React Graph Galleries, as well as my award-winning projects Data-to-Viz.com and Dataviz-Inspiration.com.
Frequently, people approach me seeking guidance on their R journey. This course is my comprehensive, well-structured response, born from a broad and deep understanding of the field.
Spend just a few hours of your time with me! I guarantee that the productivity gains will quickly offset the initial investment đ„.
â€ïž What People Are SayingâŠ
This project is just getting started, but we've been active in the R and data visualization community for years. Here's what others in the community are saying:
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.
Yan has developed some of the most valuable resources for my courses, now cited as seminal references.
Thanks to Yanâs clear explanations and well-structured code, even beginners can effortlessly replicate graphics in R. A tour de force!
Yanâs gallery and CĂ©dricâs tutorials were the two most important resources for me when I started learning how to create data visualizations with R.
These two experts are teaming up for a dataviz course? I canât wait to see the outcome!
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!
Iâve taken some of Yanâs other courses before â they were super well structured and especially helpful for mastering Quarto tips.
They also inspired me with new ways to visualize data and showed just how much is possible with R. No doubt this new course on data visualization will be amazing too!
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 đ
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.
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.
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!
đž Pricing
665 students joined during the course pre-launch. 2/5 modules are now available. A price increase is planned for early 2026 once the course is fully complete.
499 âŹ
399âŹ
Early Access Price
Satisfaction guaranteed or immediate refund.
â° 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!
Take a closer look at the graph above.
Can you use scale_y_log10() to transform the y-axis to a log scale? đ€
How would you shade the area below the curve? đ€
Tweak the code and run it â right here in your browser!