Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

transitions

Public visualization

Viewing a saved revision (read-only)

fc349fc2101c4389a800d04c1b125137

transitions

0 stars0🌍 Public
NNita
Last edited Sep 17, 2018
Created on Sep 15, 2018
Forked from transitions

This example animates a set of circles as they move and resize across a wide SVG canvas. Five circles, each driven by values from a static JavaScript array, shift their horizontal, vertical, and radius properties over a four-second duration. The code uses D3's `select()` to append the SVG and builds the animation with the `transition()` API, chaining `.duration()`, `.attr()`, and opacity settings. The circles are rendered as semi-transparent blue shapes, with the initial data divided by a constant factor within the external data module.

AI-generated description

This is a description using Markdown.