Skip to main content
100%

Fork of D3 Starter

✓ Published0🌍 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
MIT Licensed

Similar vizzes