DEV Community

Cover image for D3.js: My Most Valuable Resources
Alex Corvin
Alex Corvin

Posted on • Updated on


D3.js: My Most Valuable Resources

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.

Top comments (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!

Top Posts from the JavaScript Ecosystem 🚀

1. What is strict mode in React?

StrictMode is a helpful component that highlights potential problems in your React app. The article explains what strict mode is, how it works, and why you should consider using it for better performance and code quality.

2. I Created An Open-Source Portfolio Template For Developers Called WowFolio!

WowFolio is an open-source portfolio template built for developers. It's a simple, clean, and modern layout optimized for speed and SEO. Save time and create an awesome personal portfolio in just minutes.

3. How To Optimize Your React App’s Performance

Discover the best optimization techniques to make your React app run faster. Explore ways to identify performance bottlenecks, common pitfalls to avoid, and specific strategies to ensure a fast, responsive, and efficient application.