Introduction To D3.js with React

Table of contents

1. Chapter 1 : Introduction
   1. Introduction to the course
   2. Why you should learn D3
   3. How this course is structured
2. Chapter 2 : Getting started with D3
   1. Introduction
   2. Setting up our environment
   3. React recap
   4. Integrating React and D3
   5. Creating our React wrapper
   6. Introducing SVGs
   7. Adding SVGs with D3
   8. Selections and data joins
   9. Working with external data
   10. Summary
3. Chapter 3 : Building a static bar chart
   1. Introduction
   2. Setting up our project
   3. Writing our bars with scales
   4. Fixing our bar heights
   5. D3 axis generators
   6. The D3 margin convention
   7. Fixing our y-axis
   8. Adding labels to our chart
   9. Section summary
4. Chapter 4 : Making our bar chart update
   1. Introduction
   2. Looping with intervals
   3. Adding updates to our visualization
   4. The D3 general update pattern
   5. Adding our other set of data
   6. Flicking between datasets
   7. Adding D3 transitions
   8. Adding our dropdown with React
   9. Tracking our dropdown in App.js
   10. Connecting React and D3
   11. Summary
5. Chapter 5 : Creating a complete application
   1. Introduction
   2. Setting up our project
   3. Loading in our data
   4. Starting our scatterplot: adding scales
   5. Adding our circles
   6. Adding axes and labels
   7. Back to React - adding an input row
   8. Building rows for our table
   9. Removing fields from our table
   10. Adding fields to our table
   11. Connecting React and D3
   12. Adding highlight functionality
   13. Ideas for improving
   14. Section summary
6. Chapter 6 : Wrapping up
   1. Concluding thoughts