Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Experiments with Rotating Nested Circles

Public visualization

Viewing a saved revision (read-only)

5cba132cc9df47b6a0ada7e308daa043

Experiments with Rotating Nested Circles

0 stars0🌍 Public
CCurran Kelleher
Last edited Sep 3, 2026
Created on Sep 2, 2026

This visualization renders a hierarchical JSON dataset as 300 rotating, nested circles that are projected onto the screen using a custom 3D-to-2D perspective transform with a tilt angle. The circles, representing packed hierarchy nodes via `d3.hierarchy` and `d3.pack`, are drawn as SVG ellipse paths, with each layer rotated slightly to create a depth illusion. Vivid colors highlight specific depth-2 nodes and their descendants, which are computed by sorting and filtering the pack layout. The rendering uses plain SVG with `createElementNS` and D3's array methods.

AI-generated description