Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Circular circles

Public visualization

Viewing a saved revision (read-only)

0ed2b69fa1b54602ab1c3dd9617783bb

Circular circles

0 stars2🌍 Public
NNita
Last edited Mar 29, 2021
Created on Mar 28, 2021

Two animated clusters of small circles drift outward from their origins against a dark background, with green circles generated by a loop of 500 iterations and red circles by a separate loop of 300 iterations. Each circle uses D3’s `transition()` to move along the x-axis via `attr('cx', y[i])` and the y-axis via `attr('cy', i)`, while positions derive from `Math.cos` and `Math.sin` with random scaling. The visualization renders in SVG within a React framework, leveraging D3 v6’s `select` and `append` to structure the two groups.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.