Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Reusable D3 Scatter Plot

Public visualization

Viewing a saved revision (read-only)

01a7dae97f0049ba8c9abf0bf6d88c3a

Fork of Reusable D3 Scatter Plot

0 stars0🌍 Public
Kkhalil-ryu
Last edited Dec 14, 2022
Created on Dec 14, 2022

This reusable scatter plot visualizes the Iris Dataset, cycling through four flower measurements (petal width, sepal width, petal length, sepal length) on the x-axis every two seconds while keeping sepal length on the y-axis. Built with D3 v6, it uses `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and a custom `scatterPlot` function to render SVG circles and axes. The animation is driven by `setInterval` and repeated `svg.call(plot)` invocations, with styling from the Share Tech font. Data loads via `csv` from a GitHub Gist.

AI-generated description

A reusable scatter plot inspired by Towards Reusable Charts.

Shows the Iris Dataset.