O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

D3.js in Action Video Edition

Video Description

"A mandatory introduction to a very complex and powerful library."
Stephen Wakely, Thomson Reuters

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.

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.
Inside:

  • Interacting with vector graphics
  • Expressive data visualization
  • Creating rich mapping applications
  • Prepping your data
  • Complete data-driven web apps in D3
You will need basic HTML, CSS, and JavaScript skills. No experience with D3 or SVG is required.

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.

Quickly gets you coding amazing visualizations.
Ntino Krampis, PhD, City University of New York

A remarkable exploration of the world of dataviz possibilities with D3.
Arun Noronha, Directworks Inc.

A must-have book.
Arif Shaikh, Sony Pictures Entertainment

One of the most comprehensive books about data visualization I have ever read.
Andrea Mostosi, The Fool s.r.l.

NARRATED BY AIDEN HUMPHREYS AND ELIJAH MEEKS

Table of Contents

  1. PART 1 - D3.JS FUNDAMENTALS
    1. Chapter 1. An introduction to D3.js 00:04:43
    2. Chapter 1. How D3 works 00:11:11
    3. Chapter 1. Using HTML5 00:09:19
    4. Chapter 1. SVG 00:06:31
    5. Chapter 1. Infoviz term: geometric primitive 00:05:45
    6. Chapter 1. CSS 00:05:45
    7. Chapter 1. JavaScript 00:07:49
    8. Chapter 1. Data standards 00:07:57
    9. Chapter 1. Infoviz standards expressed in D3 00:05:30
    10. Chapter 1. Your first D3 app 00:06:55
    11. Chapter 2. Information visualization data flow 00:08:30
    12. Chapter 2. Formatting data 00:07:38
    13. Chapter 2. Transforming data 00:10:10
    14. Chapter 2. Data-binding 00:10:23
    15. Chapter 2. Integrating scales 00:05:14
    16. Chapter 2. Data presentation style, attributes, and content 00:06:20
    17. Chapter 2. Enter, update, and exit 00:10:40
    18. Chapter 3. Data-driven design and interaction 00:07:57
    19. Chapter 3. Interactive style and DOM 00:08:33
    20. Chapter 3. DOM manipulation 00:04:28
    21. Chapter 3. Using color wisely 00:11:16
    22. Chapter 3. Pregenerated content 00:06:35
    23. Chapter 3. Pregenerated SVG 00:11:12
  2. PART 2 - THE PILLARS OF INFORMATION VISUALIZATION
    1. Chapter 4. Chart components 00:07:03
    2. Chapter 4. Creating an axis 00:05:15
    3. Chapter 4. Styling axes 00:04:08
    4. Chapter 4. Complex graphical objects 00:08:21
    5. Chapter 4. Line charts and interpolations 00:05:31
    6. Chapter 4. Complex accessor functions 00:09:18
    7. Chapter 5. Layouts 00:04:46
    8. Chapter 5. Pie charts 00:08:17
    9. Chapter 5. Pack layouts 00:10:09
    10. Chapter 5. Stack layout 00:06:03
    11. Chapter 5. Plugins to add new layouts 00:09:20
    12. Chapter 5. Word clouds 00:07:42
    13. Chapter 6. Network visualization 00:07:19
    14. Chapter 6. Adjacency matrix 00:06:18
    15. Chapter 6. Force-directed layout 00:06:55
    16. Chapter 6. Network measures 00:08:10
    17. Chapter 6. Updating the network 00:10:15
    18. Chapter 7. Geospatial information visualization 00:10:54
    19. Chapter 7. Drawing points on a map 00:05:24
    20. Chapter 7. Better mapping 00:06:16
    21. Chapter 7. Advanced mapping 00:08:07
    22. Chapter 7. TopoJSON data and functionality 00:06:09
    23. Chapter 7. Tile mapping with d3.geo.tile 00:07:01
    24. Chapter 8. Traditional DOM manipulation with D3 00:04:44
    25. Chapter 8. Spreadsheet 00:05:09
    26. Chapter 8. Canvas 00:05:01
    27. Chapter 8. Image gallery 00:06:56
  3. PART 3 - ADVANCED TECHNIQUES
    1. Chapter 9. Composing interactive applications 00:07:40
    2. Chapter 9. Bar chart 00:03:47
    3. Chapter 9. Interactivity: hover events 00:07:29
    4. Chapter 9. Making our brush more user friendly 00:06:42
    5. Chapter 10. Writing layouts and components 00:09:31
    6. Chapter 10. Writing your own components 00:07:53
    7. Chapter 10. Adding component labels 00:04:24
    8. Chapter 11. Big data visualization 00:06:38
    9. Chapter 11. Drawing geodata with canvas 00:07:00
    10. Chapter 11. Big network data 00:06:38
    11. Chapter 11. Optimizing xy data selection with quadtrees 00:07:10
    12. Chapter 11. More optimization techniques 00:05:00