Skip to main content
100%

Reusable D3 Scatter Plot- ICE7

✓ Published51🌍 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
MIT Licensed

Similar vizzes