Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Reusable D3 Scatter Plot

Public visualization

Viewing a saved revision (read-only)

f90ccdc80b7e476bb5373dd38a1b860c

Reusable D3 Scatter Plot

0 stars0🌍 Public
PPYATA SHARAN
Last edited Mar 11, 2023
Created on Mar 11, 2023

This scatter plot visualizes the Iris Dataset, displaying measurements of sepal and petal dimensions as animated circles. Using D3’s scaleLinear, axisLeft, and axisBottom, it maps data points to SVG coordinates. The chart cycles through four attribute combinations every two seconds via setInterval, updating the x-axis and circle positions dynamically. This reusable chart pattern, inspired by Towards Reusable Charts, demonstrates how to encapsulate a scatter plot into a configurable function that can be easily updated with new data mappings.

AI-generated description

A reusable scatter plot inspired by Towards Reusable Charts.

Shows the Iris Dataset.