Playground — Orbit Diagram — Semiotic

Home · Getting Started · Charts · Features · Playground

This page requires JavaScript for interactive chart demos.

AI / Machine-readable docs: llms.txt · llms-full.txt · CLAUDE.md · schema.json · API Reference · Examples

View on GitHub · npx semiotic-ai for CLI access

Machine-readable page content

Canonical: https://semiotic.nteract.io/playground/orbit-diagram

Orbit Diagram Playground

Hierarchical data as animated orbital rings. Children revolve around their parent node. Try "solar" mode for one-per-ring or "atomic" for electron shell capacities.

Dataset:

Layout

Orbit Mode

Eccentricity

Orbit Size

Animation

Revolution Style

Speed

Animated

Nodes

Node Radius

Display

Show Rings

Show Labels

Color By Depth

Generated Code

JSX

import { OrbitDiagram } from "semiotic" <OrbitDiagram data={hierarchyData} childrenAccessor="children" nodeIdAccessor="name" orbitMode="flat" showLabels colorByDepth width={600} height={600} />