Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Tree graph

Public visualization

Viewing a saved revision (read-only)

7b1df891f158422eb306258e127ee4bd

Tree graph

0 stars0🌍 Public
Cchamarthisreenivasvarma@gmail.com
Last edited Apr 2, 2024
Created on Apr 2, 2024
Forked from ICE8-Tree graph

A tree graph displays hierarchical data as connected nodes branching from a single root. The visualization uses a force-directed layout via `d3.forceSimulation` to position nodes, with links drawn as curved paths. Nodes are rendered as circles colored by depth, and the graph updates smoothly through D3’s `transition` when re-simulated. The code loads a JSON dataset and relies on `d3.hierarchy` and `d3.tree` to compute the tree structure before applying the force simulation for final placement.

AI-generated description