Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Tree

Public visualization

Tree

0 stars0🌍 Public
Kkollirohit2000
Last edited Apr 14, 2023
Created on Apr 14, 2023
Forked from Tree

This example shows a family tree with a root node, two main branches, and multiple levels of descendants. Each node is labeled with a name, and the text color matches the color property stored in the data.json file. The tree layout uses d3.tree() and d3.hierarchy() to compute positions, while d3.linkHorizontal() draws the curved connecting paths. The visualization is rendered as SVG, supports zooming via d3.zoom(), and uses font size based on node depth.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed