2 EPILOGUE
Traditional steps of a D3.js project
ZoomMouse events Brush filtering
Combine methods from the D3 modules to achieve the desired data visualization.
The same principle is true for any D3 project, from common charts to highly
customized graphics.
v
6. Add interactivity
Let users explore your visualization with interactive features.
3.b Measure the data (optional)
Identify the main statistical
characteristics of your dataset
such as the max value and the
mean.
3.a Format the data
Make sure that the data is ready
to use, e.g., format numbers and
dates.
2. Load the data
Use one of the D3 fetch
functions to load the data into
your project.
1. Find data
Find a preexisting dataset or
manually gather data.
4. Bind data to DOM elements
5. Translate data values into screen attributes
Use scales to calculate the visual variables (length,
color, position, etc.) used to represent the data.
