Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Zoomable Orbit

Public visualization

Zoomable Orbit

3 stars2🌍 Public
Iilincaion
Last edited Dec 17, 2020
Created on Dec 11, 2020
Forked from HTML Starter

This example shows a hierarchical dataset from flare.json rendered as a zoomable, animated orbital layout. Nodes orbit their parent ring, with continuous motion driven by a custom `d3.layout.orbit` function that updates node positions on each tick. The SVG visualization supports zooming via `d3.zoom`, while mouseover and click interactions highlight rings and display details in a side panel. The code uses D3's `d3.layout.pie` to position children and `d3.scale` functions to determine node radii and ring spacing.

AI-generated description

Orbit Layout 4 by Elijah Meeks.

Trying to make it zoomable

Comments

Sign in to join the discussion.

MIT Licensed