Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Rotating Disks

Public visualization

Viewing a saved revision (read-only)

9eafc86d661049f4821f9a8cfb1b18b4

Rotating Disks

0 stars0🌍 Public
NNita
Last edited Oct 8, 2020
Created on Oct 8, 2020
Forked from Rotating Disks

Three concentric rings of colored disks rotate in opposite directions across three clusters, creating a dynamic geometric pattern. The visualization loads CSS named colors from a CSV file and renders them as pie-chart arcs using D3’s `pie` and `arc` generators. React manages state, while a `d3.timer` drives continuous rotation by updating the SVG transform of each ring. The inner and outer rings spin clockwise and counterclockwise, while the middle ring remains stationary, highlighting the contrast between the static and moving layers.

AI-generated description

This variant uses d3-timer to introduce rotation to the disks.