Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of D3 Starter-2

Public visualization

Viewing a saved revision (read-only)

0a00d84496504f049493cdbd6b76ed13

Fork of D3 Starter-2

0 stars0🌍 Public
Aaddalalikitha15@gmail.com
Last edited Apr 8, 2026
Created on Apr 7, 2026
Forked from D3 Starter

This example displays a family tree as a static node-link diagram, using a sample dataset with a grandparent, two parents, and five children. Node color encodes generation depth: red for the root, green for its children, and blue for leaves. Rendered as an SVG, the visualization applies `d3.tree()` layout and `d3.hierarchy()` to structure the data, then draws vertical links with `d3.linkVertical()` and labels each node. The implementation uses D3.js v7 and defines custom CSS for link and node styling.

AI-generated description