Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

POC Animated Scatter Plot with Menus and Brushing

Public visualization

Viewing a saved revision (read-only)

2fc686fd4556411b8fdbe77537448eeb

POC Animated Scatter Plot with Menus and Brushing

0 stars0🌍 Public
CCurran Kelleher
Last edited Jul 29, 2021
Created on Jul 27, 2021

This example shows an animated scatter plot of the Iris dataset with interactive dropdown menus for selecting X and Y dimensions, plus a brushing tool to highlight data points. The visualization re-renders smoothly using `d3.transition` when axes change or data is filtered. The code organizes the scatter plot as a reusable component, with menus built via a custom `d3.dispatch` event system and brushing implemented through `d3.brush`. Points are rendered as SVG circles, with highlighted selections drawn in red.

AI-generated description

A proof of concept for organizing the code to add brushing to a reusable viz component, such as a scatter plot.