Follow me if you want to grow your full-stack JavaScript skills with my screencasts and courses.

An optimal D3.js environment

About this episode

D3 is awesome, but has quite a steep learning curve. It pays to have an environment which allows you to learn as quickly and easily as possible. That's what this episode is all about.

At the end of this episode you will have an environment that transpiles ES6 code, compiles CSS from Sass, and auto reloads when any of your files are updated, allowing you to get instantaneous feedback and have amazing flexibility in styling your visualization.

3 reasons to skill up with D3 today

1. It's in high demand

The advent of big data has made a massive impact on the type of roles required in the industry. More and more companies require people dedicated to making sense of their data, as well as providing their customers with insight into their own data. Even if you aren't planning on becoming a data artisan, it pays to be able to translate data into beautiful visualizations. D3 is the perfect library to learn to help you tap into this new industry. Still not convinced? This FastCompany article might do a better job of convincing you.

2. Absolute freedom

D3 is not a charting library, nor a SVG library. It's a data visualization library which enables you to use anything in the DOM (any HTML, not limited to SVG) to represent your data, in any way you want. It's great when you want to build beautiful visualizations, possibly while working with a designer. No other library gets close to D3 in providing this level of freedom in data visualization. To get inspired, check out these awesome examples of D3 in action: D3 Gallery.

3. It's alive

With D3, it's not about one way rendering. As you data changes, your visualization can update as a result with the join update pattern, which we introduce in our D3 series.

Transitions are so important to convey the relationships inside your data, and D3 is king of transitions. There are a bunch of nice examples on the D3 site containing transitions, go and have a look over here: D3 Gallery.

It's interactive too! It's not just driven from data, the user can interact with the visualization to make it a more meaningful and informative interaction with the data.