Conjure up some mind-boggling dynamic visualizations with the flick of a mouse and a bit of code using D3.js
About This Video
- Harness the magic of D3.js to generate a website of informative, interactive, and animated visualizations
- Transform data into graphs, charts, legends, and sunbursts by merging, mapping, and sorting it
- Learn how to bind the data from various sources to visualizations and let the data drive the output
Rapid D3.js begins with setting up your development environment, and then dives into how data binding works and how it's similar to jQuery. We’ll take a look at building a football fan site and using spreadsheet data (TSV) to build a team roster, and learn about scaling, drawing axes, data manipulation, and even how to animate bars in five amazingly simple lines of code.
Driving HTML tables is nice, but what we really want to see is graphics. So next, we’ll build a histogram from a CSV file of goals scored over the season. But D3 isn't just for building tables or creating graphs. You can also build a website framework driven from a CSV file. We’ll also be creating a simple Bootstrap menu, and the possibilities demonstrated by this quick mini project are limitless.
Finally, we'll take a couple of sample D3 visualizations such as Word Cloud and Sunburst and incorporate our data into them. Last but not least, we'll see how to build a website menu framework and techniques on how to utilize third-party visualizations within it.
This video course will take you from the foundational bindings of Data-driven Documents to understanding strategies to create and extend amazing visualizations.