Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Akhila

Public visualization

Viewing a saved revision (read-only)

46881227623440f3b9433a924c5c0162

Akhila

0 stars0🌍 Public
Aakhila157
Last edited Mar 26, 2023
Created on Mar 21, 2023

This animated scatter plot visualizes the Iris dataset, encoding petal width and sepal length along the axes and distinguishing species by color and symbol shape. Points cycle through different measurement columns every ten seconds using `setInterval`, updating the x-axis scale and data bindings via d3 joins. The visualization uses d3’s `scaleLinear`, `scaleOrdinal`, `symbol`, and `axisBottom`/`axisLeft` APIs, loading CSV data from a GitHub gist. Additional HTML/CSS legend boxes label species with blue, green, and orange swatches.

AI-generated description

A reusable scatter plot inspired by Towards Reusable Charts.

Shows the Iris Dataset.