D3.js: My Most Valuable Resources
Tags: d3js, datavisualization, javascript, data
Published: 2019-12-23 13:01:20

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](https://www.newline.co/fullstack-d3)##

When I grow up, I want to be [Amelia Wattenberger](https://wattenberger.com/). 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](https://www.newline.co/fullstack-d3#packages) and hardcover [print](https://www.amazon.com/Fullstack-Data-Visualization-beautiful-visualizations/dp/0991344650/ref=sr_1_1?keywords=fullstack+d3&qid=1577021425&sr=8-1) 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](https://www.udemy.com/course/build-data-uis-with-d3-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. 

##[D3js.org](https://d3js.org/)##

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](https://observablehq.com/?utm_source=blocks) notebook system. Documentation like this doesn’t get much better.

##[Dashing D3.js](https://www.dashingd3js.com/)##

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.