D3.js in Action

Crisp, clear graphics are a requirement for any application that presents and interprets data. D3.js is an amazing JavaScript framework that empowers users to create scalable, data-driven graphics ranging from simple charts to fantastic interactive visualizations. Based on the SVG standard, D3 takes the built-in programmability of vector graphics to the extreme. Developers can start with a structure, dataset, or algorithm and programmatically generate static, interactive, or animated images that responsively scale to any screen or web environment.

D3.js in Action, a practical tutorial for creating interactive graphics and data driven applications using D3.js, prepares readers to integrate D3.js into their web development process and transform any site into a more engaging and sophisticated user experience. It starts with in-depth explanations of D3's out-of-the-box layouts, along with dozens of practical use cases that align with different types of visualizations. Then, it explores practical techniques for content creation, animation, and representing dynamic data, including interactive graphics and data streamed live over the web. Finally, it shows how to use D3's rich interaction model as the foundation for a complete web application.

In-depth explanations of D3’s out-of-the-box layouts

Simplifies choosing the right metrics for the job

AUDIENCE

Readers will need basic HTML, CSS, and JavaScript skills. No experience with D3 or SVG required.

ABOUT THE TECHNOLOGY

D3.js is a javascript information visualization library used to create data visualization in the form of traditional charts (scatterplots, histograms, graphs) as well as network diagrams and geographic maps. It’s used by such organizations as the New York Times for its interactive graphics, as well as in industry for real-time dashboards, and in the scholarly community for publication of research in interactive and dynamic form.