Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Collapsible Tree Hierarchy - Real Data - Structured

Public visualization

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.

Comments

Sign in to join the discussion.

MIT Licensed