Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3 Scatter Plot

Public visualization

Viewing a saved revision (read-only)

36d2d1e4f43e48cf91cdffc8987b51ee

D3 Scatter Plot

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

This D3.js scatter plot visualizes the Iris dataset, showing different flower measurements as points across a continuous animation. The chart cycles through four attribute combinations—petal width, sepal width, petal length, and sepal length—every two seconds, smoothly re-rendering axes and circles via the `scatterPlot` reusable chart API. It uses d3's `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and SVG `join` operations for declarative updates, while styling text with the Share Tech font.

AI-generated description

A reusable scatter plot inspired by Towards Reusable Charts.

Shows the Iris Dataset.