Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Animated Reusable Scatter Plot w/ Menus

Public visualization

Animated Reusable Scatter Plot w/ Menus

0 stars0🌍 Public
MMichael Bergerson
Last edited Jun 20, 2021
Created on Jun 19, 2021

This example visualizes the Iris Dataset with an animated scatter plot that lets users switch both axes independently via dropdown menus. The visualization supports both quantitative and categorical variables, using D3 scales and transitions to smoothly animate circle positions and axis updates over 2 seconds. The chart is built with reusable D3 functions `scatterPlot` and `menu`, rendering SVG elements with `scaleLinear`, `scalePoint`, `axisLeft`, and `axisBottom` for the axes and controls.

AI-generated description

A vanilla HTML implementation of a D3 scatter plot. Shows the Iris Dataset.

Comments

Sign in to join the discussion.

MIT Licensed