Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

Cat Quant Animated Reusable D3 Scatterplot with Symbols and Menu

Public visualization

Cat Quant Animated Reusable D3 Scatterplot with Symbols and Menu

0 stars0๐ŸŒ Public
Mmegan-grannan
Last edited Aug 16, 2023
Created on Aug 16, 2023

This interactive scatterplot visualizes the Iris dataset, letting users explore relationships between sepal and petal measurements while distinguishing species by color and symbol. Built with D3 v7 in React, it uses `scaleLinear` and `scalePoint` for quantitative and categorical axes, with `scaleOrdinal` mapping species to colors and symbol types. Dropdown menus, powered by a reusable `menu` component with `dispatch`, dynamically update the x and y axes. Circles animate position changes via `transition().duration(1000)`, and axis labels update accordingly, all rendered as SVG.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed