Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of D3 Starter

Public visualization

Fork of D3 Starter

0 stars0🌍 Public
Rrevanthdasari10@gmail.com
Last edited Apr 12, 2026
Created on Apr 12, 2026
Forked from Fork of D3 Starter

This example visualizes a family tree as a static node-link diagram, using color-coded circles to show generational depth from root (red) to children (orange). The hierarchical data is defined as an array of node-parent pairs, then converted into a tree structure using the `d3.stratify()` API and laid out with `d3.tree()`. Links are drawn as lines, with nodes and labels rendered as SVG circles and text elements, all positioned using the computed layout coordinates.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed