Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of IC6 Iris Dataset Scatter Plot

Public visualization

Viewing a saved revision (read-only)

a18c08ace65f42a4a17f81cf4adc4a87

Fork of IC6 Iris Dataset Scatter Plot

0 stars0🌍 Public
VVenkata Sai Preetham
Last edited Jun 26, 2022
Created on Jun 26, 2022

This scatter plot visualizes the classic Iris dataset, showing the relationship between sepal length and petal length across three species of iris flowers. Each species is color-coded—blue for setosa, red for versicolor, and black for virginica—using SVG circles rendered with D3’s `scaleLinear` and `extent` functions. The visualization is built with React and D3 v6, using a decoupled architecture where `VizWrapper` manages the SVG container and the `viz` function handles the rendering, including axes generated with `axisLeft` and `axisBottom`.

AI-generated description

This 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