Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Animated Reusable D3 Scatter Plot

Public visualization

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.

Comments

Sign in to join the discussion.

MIT Licensed