Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

T9 tutorial

Public visualization

Viewing a saved revision (read-only)

db129c95524b41668c72af95d5de7224

T9 tutorial

0 stars0🌍 Public
Jjyothikaraj3@gmail.com
Last edited Apr 12, 2024
Created on Apr 12, 2024
Forked from Q2

This interactive scatterplot visualizes the Iris dataset, showing the relationship between various flower measurements. The plot cycles through different combinations of sepal and petal dimensions, updating the x-axis every few seconds. Circles are colored by species using a custom color function, with a legend labeling each category. The reusable `scatterPlot` module, built with D3's `scaleLinear`, `axisLeft`, `axisBottom`, and `extent` functions, handles the coordinate scaling and axes. The visualization is dynamically rendered using `setInterval`, D3's `selectAll().join()`, and a translation transform, all within an SVG canvas.

AI-generated description

A demonstration of reusable scatter plot.