Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

rao

Public visualization

Viewing a saved revision (read-only)

b7a9f17e10a547d18b57f6b541531af9

rao

0 stars0🌍 Public
RRakshithaRao27
Last edited Mar 27, 2022
Created on Mar 27, 2022

This animated scatter plot visualizes the Iris dataset, cycling through four different variable pairs (petal width, sepal width, petal length, sepal length) every two seconds. Each point encodes species via color, while the initial rendering uses rectangles with varying rx and ry values rather than uniform circles. Built with D3.js, the visualization uses scaleLinear, scaleOrdinal, axisLeft, and axisBottom within a reusable scatterPlot function. The animation is driven by setInterval, while data loading relies on d3.csv. SVG rendering updates axes and marks dynamically as the selected dimensions change.

AI-generated description

A reusable scatter plot inspired by Towards Reusable Charts.

Shows the Iris Dataset.