Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Reusable D3 Scatter Plot- ICE7

Public visualization

Viewing a saved revision (read-only)

42cf98af3e924fbdba5ea76c0f69be57

Reusable D3 Scatter Plot- ICE7

0 stars51🌍 Public
LLakshmiVandanaNunna
Last edited Apr 29, 2022
Created on Mar 23, 2022

This animated scatter plot visualizes the Iris dataset, cycling through four flower measurements (petal width, sepal width, petal length, sepal length) on the x-axis while keeping sepal length on the y-axis. Data points are colored by species using orange, blue, and black marks. The example demonstrates a reusable scatter plot component built with D3 v6, using `d3.csv` for data loading, `d3.scaleLinear` and `d3.extent` for scaling, and `d3.axisLeft` and `d3.axisBottom` for axes. A `setInterval` updates the x-value mapping, triggering re-renders with SVG circles and a custom legend.

AI-generated description