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)

7a1be76c3dd545e0874718ba997b0276

Fork of Reusable D3 Scatter Plot

0 stars0🌍 Public
NNaimisha-M
Last edited Jun 30, 2022
Created on Jun 30, 2022

This example displays the Iris Dataset as an interactive scatter plot, cycling through four flower measurements every two seconds while maintaining a fixed y-axis of sepal length. Reusable chart logic sits inside the `scatterPlot` function, which uses d3’s `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to map data to SVG circles and axes. The animation is driven by `setInterval` updating the x-value accessor and re-invoking the chart, all rendered in an SVG with Google’s Share Tech font.

AI-generated description

A reusable scatter plot inspired by Towards Reusable Charts.

Shows the Iris Dataset.