Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE7 - Reusable Scatter Plot

Public visualization

Viewing a saved revision (read-only)

ad32007e9f8145c7b3c8309014d888ed

ICE7 - Reusable Scatter Plot

0 stars0🌍 Public
Ssuchitra2602
Last edited Jul 3, 2022
Created on Jul 3, 2022

This animated scatter plot displays the Iris Dataset, cycling through four numerical variables along the x-axis to compare against Kernel Width on the y-axis. Built with D3.js, it uses a custom `scatterPlot` function that leverages `scaleLinear`, `axisBottom`, and `axisLeft` to render axes dynamically. Points are styled as circles with colors mapped to wheat type (Kama, Rosa, Canadian) via a custom marker function. The view updates every few seconds via `setInterval`, redrawing the plot and axis labels while keeping a static legend and title. Data is loaded as CSV and parsed into numeric fields.

AI-generated description

A reusable scatter plot inspired by Towards Reusable Charts.

Shows the Iris Dataset.