Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Reusable D3 Scatter Plot

Public visualization

Viewing a saved revision (read-only)

f310b7e2ec9f4a19903a046960c803c4

Reusable D3 Scatter Plot

0 stars1🌍 Public
DDINESH SAI BOPPANA
Last edited Jul 4, 2022
Created on Jul 4, 2022

This interactive scatter plot displays the Iris dataset, with each circle representing a flower sample. The visualization cycles through different column pairs every two seconds, animating between petal width, sepal width, petal length, and sepal length on the x-axis while keeping sepal length fixed on the y-axis. Built with D3.js v6, it uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to map data to SVG circles, demonstrating a reusable chart pattern where the same plot function is called repeatedly with updated accessors.

AI-generated description

A reusable scatter plot inspired by Towards Reusable Charts.

Shows the Iris Dataset.