Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of ICE - 7 Reusable Scatter Plot Maanas Katta

Public visualization

Viewing a saved revision (read-only)

355127e8d789493ebb0954ea5f7d5d1f

Fork of ICE - 7 Reusable Scatter Plot Maanas Katta

0 stars0🌍 Public
MMgk1255
Last edited Jun 29, 2022
Created on Jun 29, 2022

This animated scatter plot from D3.js (v6.7.0) visualizes the classic Iris flower dataset, cycling through four numeric attributes (petal width, sepal width, petal length, and sepal length) every two seconds. Each point represents a flower specimen, colored by species: blue for setosa, red for versicolor, and yellow for virginica. The reusable `scatterPlot` module builds the plot using `scaleLinear`, `axisLeft`, and `axisBottom`, rendering SVG circles with white strokes. The animation employs `setInterval` to reassign the x-axis mapping and redraw the marks, driven by data fetched via `csv` from a GitHub Gist URL.

AI-generated description