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)

bfd62261895c471cb642e2936b8908c5

Fork of Reusable D3 Scatter Plot

0 stars0🌍 Public
KK V VINITHA
Last edited Mar 24, 2022
Created on Mar 23, 2022

This example presents the Iris Dataset as an animated scatter plot, cycling through different x-axis variables every two seconds to reveal relationships between petal and sepal measurements. The reusable chart component, built with D3 v6 functions like `scaleLinear`, `axisBottom`, and `axisLeft`, renders SVG circles colored by species. A `setInterval` drives the animation, updating the x-value mapping and re-calling the plot function. The code follows Mike Bostock’s reusable chart pattern, exposing setter methods for configuration and data binding.

AI-generated description

A reusable scatter plot inspired by Towards Reusable Charts.

Shows the Iris Dataset.