D3.js in Action

Summary

D3.js in Action is a practical tutorial for creating interactive graphics and data-driven applications using D3.js. You'll start 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, you'll explore practical techniques for content creation, animation, and representing dynamic data—including interactive graphics and data streamed live over the web. The final chapters show you how to use D3's rich interaction model as the foundation for a complete web application. In the end, you'll be ready to integrate D3.js into your web development process and transform any site into a more engaging and sophisticated user experience.

Purchase of the print book includes a free eBook in PDF, Kindle, and ePub formats from Manning Publications.

About the Technology

D3.js is a JavaScript library that allows data to be represented graphically on a web page. Because it uses the broadly supported SVG standard, D3 allows you to create scalable graphs for any modern browser. You start with a structure, dataset, or algorithm and programmatically generate static, interactive, or animated images that responsively scale to any screen.

About the Book

D3.js in Action introduces you to the most powerful web data visualization library available and shows you how to use it to build interactive graphics and data-driven applications. You'll start with dozens of practical use cases that align with different types of charts, networks, and maps using D3's out-of-the-box layouts. Then, you'll explore practical techniques for content design, animation, and representation of dynamic data—including interactive graphics and live streaming data.

What's Inside

• Interacting with vector graphics
• Expressive data visualization
• Creating rich mapping applications
• Prepping your data
• Complete data-driven web apps in D3

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

About the Author

Elijah Meeks is a senior data visualization engineer at Netflix. His D3.js portfolio includes work at Stanford University and with well-known companies worldwide.

Table of Contents

PART 1 D3.JS FUNDAMENTALS

1. An introduction to D3.js
2. Information visualization data flow
3. Data-driven design and interaction

PART 2 THE PILLARS OF INFORMATION VISUALIZATION

4. Chart components
5. Layouts
6. Network visualization
7. Geospatial information visualization
8. Traditional DOM manipulation with D3

PART 3 ADVANCED TECHNIQUES

9. Composing interactive applications
10. Writing layouts and components
11. Big data visualization
12. D3.js on mobile (available online only)