Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

GGT and MUNI Animated D3 Scatter Plot

Public visualization

GGT and MUNI Animated D3 Scatter Plot

0 stars0🌍 Public
AAndre J Denais
Last edited Sep 2, 2021
Created on Sep 2, 2021

This animated D3 scatter plot displays ridership data for Golden Gate Transit (GGT) and Marin Transit (MUNI), cycling through three column-based views—Operator, Date, and Ridership—every 3.5 seconds. The visualization uses D3 v7's `scaleLinear` for axes and `transition` for smooth 1-second animations, with circles entering at radius 0, updating positions with staggered delays, and axes transitioning simultaneously. Data is loaded via `d3.csv` from a raw Gist URL, rendered as SVG with custom Share Tech font styling, and the animation loop is driven by `setInterval`.

AI-generated description

A vanilla HTML implementation of a D3 scatter plot. Shows the Iris Dataset.

Comments

Sign in to join the discussion.

MIT Licensed