Welcome & Prerequisites
Welcome to the real start of D3 ❤️ React! This is where the real fun begins: building bespoke and interactive data visualizations for the web using D3.js and React.
This lesson recaps the prerequisites from modules A and B, previews the charts you'll learn to build, and makes sure you're ready to hit the ground running.
👋 Welcome!
Welcome to the core of the course, and to the wonderful world of data visualization on the web!
I come from the data analysis world, where I spent years working with R and Python. When I discovered what's possible with D3.js and React about 10 years ago, it completely blew my mind.
But I won't lie: it took me forever to learn everything. The ecosystem was overwhelming, tutorials were scattered, and I made every mistake in the book.
Today, I'm hoping to make your journey much smoother. You have this course, the tools are better than ever, and AI is here to help you move faster.
By the end of this course, you'll build charts like these:
Real life use-case
Reproduction of a data wrapper chart representing countries CO2 data
Boxplot to Violin plot
Interactive example showing the difference between a boxplot and a violin
Population Pyramid
A very customized version of a population pyramid
Population Pyramid
A very customized version of a population pyramid
Bin size slider
See the effect of bin size on a histogram with this interactive example
Radar chart, line chart an lollipop with animated transition
Three charts connected to same buttons, with smooth, synchronized animation when a button is clicked
Hover effect
Treemap with hover effect to highlight a group
Streamgraph application
Streamgraph with a slider to zoom on a time stamp and with interactive inline legends
📋 Prerequisites
This course is about building data visualizations using React and D3.js. It assumes you already have a solid foundation in web development.
If you don't feel confident about the foundations, I strongly recommend going through Module A and Module B first.
Here is a short recap of the main concepts you should be comfortable with before diving in:
✅ Quick check
You should be able to understand what's happening in this sandbox.
Take a moment to read the code, tweak it, and make sure nothing feels foreign:
If that looks clear, you're ready. Even seasoned developers will find valuable insights here: creating visualizations with React and D3 involves specialized knowledge that differs significantly from typical UI development.
You don't need prior experience with D3 to get started! We'll introduce it step by step and provide thorough explanations along the way.
Oh no! 😱
It seems like you haven't enrolled in the course yet!
Join many other students today and learn how to create bespoke, interactive graphs with d3.js and React!
Enrollment is currently closed. Join the waitlist to be notified when doors reopen:
Or Login