Creating Interactive Visualizations with D3.js and React
summary
Covers data-visualization principles and perception issues, then demonstrates using the D3.js library and techniques for integrating it into React applications to build interactive visualizations; aimed at developers with React experience.
AI-written summary · about
chapters (21)
- 0:00Introduction
- 3:09Speaker
- 4:38What is visualization
- 7:41Visualization types
- 8:46Visual elements & coding
- 12:00D3.js basics
- 13:05D3.js selection
- 16:02Enter-update-exit
- 18:49D3.js pros/cons
- 20:16Data prep
- 23:12Visualization goal
- 25:20Chart type choice
- 26:25Visual structure
- 27:11React data & render
- 29:19Scales & axes
- 31:54Drawing axes/grid
- 35:55Rectangular charts
- 36:58Popularity scale
- 38:06Color coding
- 40:17Final visualization
- 41:23Q&A
related talks
32mStrategies for organically connecting React Components and D3 Objects
32mD3 and React, Together
35mCreate Amazing Data Visualization with D3.js
27mD3 & React
21mData Visualizations with React + D3
30mD3 and React, Together
53mThe React and D3 ecosystems
48mVisual Storytelling w/D3-A Conceptual Intro to Visualizing Data w/JavaScript