Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Collapsible Tree Version 3

Public visualization

Viewing a saved revision (read-only)

aef6140d20b94089ac64026ffc96c06c

Collapsible Tree Version 3

0 stars0🌍 Public
Rrainyrainyguo
Last edited Nov 23, 2020
Created on Nov 23, 2020

This is a collapsible tree diagram built with D3 v6 that displays hierarchical data in a left-to-right layout. The example shows both a simple flat dataset and a larger flare JSON dataset, with nodes rendered as circles and curved links drawn as cubic Bézier paths. The code uses `d3.stratify` to convert flat parent-child pairs into a hierarchy, then applies a `d3.tree` layout to position nodes. SVG is used for rendering, with text labels positioned beside each circle based on whether the node has children.

AI-generated description