Fullstack D3: React Edition

Course exercises from the Fullstack D3 book, now remade with React + D3 + TypeScript

View the live demo here!

Table of Contents

1. Making Your First Chart
2. Making a Scatterplot
3. Making a Bar Chart
4. Animations and Transitions
   • Using React Spring to smoothly change between histogram metrics
   • Animating a line chart when it gets new data
5. Interactions
   • Adding interactions to our histogram
   • Adding interactions to our scatter plot
   • Adding interactions to our line chart
6. Making a Map
7. Data Visualization Basics
8. Common Charts
   • Timeline
   • Heatmap
   • Radar Chart
   • Scatter Plot
   • Pie Charts & Donut Charts
   • Histogram
   • Box Plot
9. Dashboard Design: Designing Tables
10. Marginal Histogram
11. Radar Weather Chart
12. Animated Sankey Diagram (COMING SOON™)