Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Iris Scatter Plot

Public visualization

Viewing a saved revision (read-only)

822ce1491cd74178bfbd407fe4b762df

Iris Scatter Plot

0 stars0🌍 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