Skip to main content
100%

Iris Scatter Plot

✓ Published0🌍 Public
CCurran Kelleher
Last edited Sep 4, 2025
Created on Sep 4, 2025

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 description
MIT Licensed

Similar vizzes