Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Collapsible Tree Hierarchy - Real Data - Structured

Public visualization

Viewing a saved revision (read-only)

bffec9a51b754817adb57f73949cd3d3

Collapsible Tree Hierarchy - Real Data - Structured

0 stars1🌍 Public
QQuinn Sebso
Last edited May 9, 2024
Created on May 9, 2024

This example presents a collapsible tree hierarchy using real data, rendered as an SVG. The visualization displays nodes that can be clicked to expand or collapse their children, revealing the structured relationships in the data. Built with React and D3 v6, it uses `d3.hierarchy` to process the data and `d3.tree` for layout, with custom JavaScript handling node clicks and updating the tree structure dynamically through `updateTree`.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.