🌍 Public
Viewing a saved revision (read-only)
c361d8d3fef64feda5397312a9f56eee
Minimal Reusable Charts Pattern + React
This example demonstrates the Minimal Reusable Charts pattern, rendering an interactive scatter plot of the Iris Dataset with D3.js and React. The chart displays sepal length and width measurements as circles, using `d3.scaleLinear` for coordinate mapping and `d3.extent` for domain calculation. The reusable chart function `scatterPlot()` exposes setter methods for data, dimensions, and accessor functions, which are invoked via `g.call(plot)`. Data loads asynchronously from a CSV URL using `d3.csv`, and the SVG output fills the browser viewport.
AI-generated descriptionA minimal scatter plot of the Iris Dataset using an adaptation of Towards Reusable Charts.
ISC Licensed