DEV Community

Cover image for My Most Valuable D3 Resources

My Most Valuable D3 Resources

Alex Corvin
Bringing ideas to life with compassion, minimalism, and sustainability. Sharing my knowledge along with helpful resources for fellow designers and entrepreneurs.
Updated on ・3 min read

It's probably no secret that I love data. The moment I began researching D3.js, I just knew it was what I wanted to use to represent my data in visualization projects. I've been learning it for the better part of this year and I wanted to share the resources I've found to be just priceless in learning D3.

Fullstack D3 and Data Visualization

When I grow up, I want to be Amelia Wattenberger. Her work is nothing short of brilliant and she’s knocked it out of the park with Fullstack D3 and Data Visualization.

This the holy grail of D3. It’s extremely accessible for anyone new to D3 and it’s structured in such an easy to follow manner that I’ve not felt overwhelmed by the content. While a bit on the pricey side, it is well worth the investment considering the education you will receive. As someone who first turns to video courses, Fullstack D3 has been my go to and it’s solidifying my knowledge of D3 more than any other material out there currently.

Fullstack D3 and Data Visualization is available in both digital and hardcover print version. I’ve purchased the advanced digital version which delves deeper into D3 and covers integration with React and Angular. I’m really hoping Vue will be added on at some point.

I love this book so much that I will also be purchasing the print version. It’s that beautiful!

Build Data Visualizations with D3.js & Firebase

What can I say of Shaun Pelling that I haven’t already said? His courses and tutorials are top notch and this one is no different. While there are a few D3 courses on Udemy, all cover the same basics. Shaun covers the basics of D3 and then some. You’ll not only learn how to design and interact with SVG elements, but you’ll take on some really great projects that you can easily expand upon and make your own. Plus, he walks you through Firebase integration for your projects. Firebase! AND D3! You won’t get that anywhere else.

When learning any programming language, you can do no wrong in going straight to the source. The documentation for D3 is so well written and provides a ton of examples which you can interact with AND live code edit thanks to the Observable notebook system. Documentation like this doesn’t get much better.

Dashing D3.js

Dashing D3 offers subscription based learning from beginner to intermediate level and is currently priced at $14.95 per month. The beginner course offers brief introductions to HTML, CSS, Javascript as well as getting to know SVGs. You’ll not only learn the basics of every type of chart, but also how to interact and animate each one. An added bonus is the inclusion of javascript lessons on callback and anonymous functions. If video learning is more your speed, there is a lot of value here for what you will learn.

If you're interested in D3.js or data visualization in general, give these resources a look. Most importantly, please support the work of all those developers who make these wonderful educational resources possible.

Discussion (2)

thompcd profile image
Corey Thompson

Yes, I love Amelia’s work! I had just heard of D3 and then joined the data viz society when a week into the adventure, Amelia was asking for people to help review her work while writing this book. I gladly participated! She is very talented and helpful with a kind soul.

wattenberger profile image
Amelia Wattenberger

Thanks so much for the kind words, Corey! Your feedback was so helpful in beta reading the book!