Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Akshitha Rapala - ICE -7 Fork of Reusable D3 Scatter Plot

Public visualization

Akshitha Rapala - ICE -7 Fork of Reusable D3 Scatter Plot

0 stars0🌍 Public
Aakshitha.rapala@gmail.com
Last edited Mar 28, 2024
Created on Mar 28, 2024

This animated scatter plot visualizes the Iris dataset, cycling through four flower measurements as the x-axis every two seconds while the y-axis remains fixed on sepal length. Built with D3.js v6, it uses reusable chart patterns via `scatterPlot()`, `scaleLinear`, `axisLeft`, and `axisBottom` to render SVG circles and axes. The animation, driven by `setInterval`, updates the x-value accessor and re-renders the chart, showing how petal width, sepal width, petal length, and sepal length distribute against sepal length. Data loads from a remote CSV using `d3.csv`.

AI-generated description

A reusable scatter plot inspired by Towards Reusable Charts.

Shows the Iris Dataset.

Comments

Sign in to join the discussion.

MIT Licensed