Iris Scatter Plot
✓ Published0🌍 Public
This example visualizes the classic Iris dataset, plotting sepal length against sepal width for 150 flowers. Each point is rendered as a circle using D3’s data join pattern through the `selectAll('circle').data().join()` API. The visualization loads data asynchronously via D3’s CSV parser, then constructs linear scales from the data extent with `scaleLinear` and `extent`. Axes are generated using `axisBottom` and `axisLeft`, while labels integrate React’s component lifecycle with D3 selections. The code separates concerns into modules for scales, axes, labels, and points, demonstrating a modular React-D3 integration approach.
AI-generated descriptionMIT Licensed