Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Tree Example

Public visualization

Viewing a saved revision (read-only)

33f75a177fca492881a4154e19c6abb7

Tree Example

0 stars0🌍 Public
PPranav Ashok
Last edited Oct 9, 2020
Created on Oct 9, 2020
Forked from HTML Starter

This interactive tree diagram visualizes a hierarchical dataset, displaying parent-child relationships through collapsible nodes. The visualization uses D3.js v6, with the entire structure rendered as SVG elements. The tree layout is calculated using `d3.tree()` and links are drawn as horizontal curves using `d3.linkHorizontal()`. Users can click on any node to remove it from the tree, and the layout dynamically updates accordingly. The example also defines an unused `insert` function, suggesting potential for adding new nodes, though this behavior is not implemented in the current code.

AI-generated description