Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Animated Bars

Public visualization

Animated Bars

0 stars0🌍 Public
WWill Carter
Last edited Oct 3, 2019
Created on Oct 3, 2019

This example animates a scatter plot where each point transitions from a shared origin to its final position, revealing the distribution of a generated dataset. The data is computed in the browser, creating a sequence of 851 points using a greatest common denominator algorithm. Built with React and D3 v5, the visualization uses SVG circles rendered through a custom `Mark` component. Transitions are handled by D3's imperative API via `d3.select` and the `.transition()` method, animating the `cx` and `cy` attributes with a per-point delay to create a cascading effect.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed