Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Animated Scatter Plot with Menus

Public visualization

Viewing a saved revision (read-only)

3d0b73cf616b46ed837f295cbfbf06fb

Animated Scatter Plot with Menus

0 stars1🌍 Public
KKaustav Sen
Last edited May 31, 2021
Created on May 31, 2021

This example presents an animated scatter plot of the Iris dataset, where users can select which quantitative attributes to map to the x- and y-axes via interactive dropdown menus. The visualization uses D3 v6 with SVG rendering, and employs the `selection.join` pattern to smoothly transition circles between positions as axis mappings change. Axes are updated using `d3.axisLeft` and `d3.axisBottom`, with `d3.transition` providing a 1000-millisecond animation effect on circle repositioning and radius growth.

AI-generated description

A reusable scatter plot inspired by Towards Reusable Charts and Observable: selection.join.

Shows the Iris Dataset.