Fullstack D3 Masterclass
Table of Contents
Making Your First Chart
Exercise: Unique colors in Bob Ross paintings over time
Making a Scatterplot
Exercise: Penguin bill length vs depth + group by species
Making a Bar Chart
Exercise: Histogram of unique colors in Bob Ross paintings
Extra Credit: Multiple Histograms for body weight distributions across multiple penguin species
Animations and Transitions
Using
d3.transition
to smoothly change between histogram metrics
Animating a line chart when it gets new data
Exercise: Bubbling up scatterplot dots
Interactions
Adding interactions to our histogram
Adding interactions to our scatter plot
Exercise: Adding interactions to our line chart
Data Visualization Basics
Exercise: Improving the penguin data scatterplot
Advanced Example: Radar Weather Chart
D3 + React.js
Extras from the Fullstack D3 Book
Making a map
Common Charts
Heat Map
Radar Chart
Pie Chart
Box Plot
Marginal Histogram
Animated Sankey Diagram