Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Grid Menus Animated Species Stratified Scatter Plot

Public visualization

Grid Menus Animated Species Stratified Scatter Plot

0 stars7🌍 Public
DDasbach.EJ
Last edited Jun 6, 2021
Created on Jun 5, 2021

This animated scatter plot visualizes the Iris Dataset, using D3.js version 6.7.0 with SVG rendering. It features three dropdown menus that allow users to select the x-axis, y-axis, and species filtering, with circles smoothly transitioning positions over one second using D3's transition API. The visualization demonstrates reusable chart construction with a custom scatterPlot module that handles axis updates and animated circle repositioning. When filtering by species, only matching data points remain visible; when set to "all," all points display uniformly.

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