Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of D3 Starter-2

Public visualization

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

Comments

Sign in to join the discussion.

MIT Licensed