🌍 Public
Viewing a saved revision (read-only)
6e3da39ea37a479d9cb5ed607aa6dd08
D3 starter
This interactive scatterplot displays the Iris dataset, plotting sepal length against petal length for 150 flowers. Rendered as an SVG using React and D3.js, the visualization integrates React's declarative component structure with D3's imperative selection API. Axes are generated using D3's `axisLeft` and `axisBottom` functions, while the data is loaded asynchronously from a CSV file via D3's `csv` method.
AI-generated descriptionThis viz is a starter that demonstrates patterns used in real world projects in which complexity is anticipated to scale.
- Decoupled React & D3 integration
- Opening moves for scalable complexity
- Industry standard ES modules and JSX
- Copy-paste into existing projects
Any questions? Ask on Twitter!
Also viewable in:
MIT Licensed