Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Rotating Disks

Public visualization

Viewing a saved revision (read-only)

d9814f160eed4e9a9ec201964d858703

Rotating Disks

0 stars0🌍 Public
Yyuzhang21
Last edited Sep 30, 2019
Created on Sep 28, 2019
Forked from Rotating Disks

This example shows a cluster of rotating color wheels built from CSS named colors loaded via d3.csv from a GitHub gist. Each wheel is composed of four concentric rings, rendered as SVG pie arcs using d3.arc and d3.pie, with React components creating the ring structure. The rotation is driven by d3.timer, updating a rotation state that applies different rotation speeds and directions to each ring via transform attributes. Twelve ring components are arranged in a triangular grid around a central point, creating a dynamic, layered visual pattern.

AI-generated description

This variant uses d3-timer to introduce rotation to the disks. Consolidate 3 pieArc functions into one. Try to clean duplications with MyComponent.