Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Animated Reusable D3 Scatter Plot

Public visualization

Viewing a saved revision (read-only)

4bca94fc684144de9aee0f078e66fed8

Fork of Animated Reusable D3 Scatter Plot

0 stars0🌍 Public
SSubhendu Karmakar
Last edited Dec 21, 2023
Created on Dec 11, 2023

This example uses the Iris Dataset to demonstrate a reusable D3.js scatter plot with interactive axis selection. Users can dynamically change the x and y variables from quantitative measurements or the categorical species column via dropdown menus. The plot leverages `d3.scaleLinear` and `d3.scalePoint` for axes, with animations driven by `selection.join` and `transition` to smoothly move circles between positions. Menus are built with a custom `d3.dispatch`-based component, rendered as SVG in a full-viewport layout.

AI-generated description

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

Shows the Iris Dataset.