🌍 Public
Viewing a saved revision (read-only)
48a1f80b31e046ca985de0efd57e5a8a
Collapsible Tree
This interactive visualization displays a hierarchical tree structure, allowing users to click on nodes to expand or collapse their child branches. The tree’s layout dynamically repositions nodes with animated transitions, adjusting the SVG canvas height to fit the visible structure. Built with React and D3 v6, it uses the `d3.tree()` layout, `d3.linkHorizontal()` for connecting links, and reads hierarchical JSON data from a remote file. Node labels are rendered alongside circular markers, with parent and leaf nodes shown in different colors.
AI-generated descriptionA bare minimum HTML page demonstrating use of CSS and JavaScript.
See also React Starter.