Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of React & D3 Starter

Public visualization

Fork of React & D3 Starter

0 stars0🌍 Public
Ssharathchandrareddymuthyam
Last edited Nov 5, 2025
Created on Nov 5, 2025
Forked from React & D3 Starter

This example presents a three-generation family tree as a static dendrogram, with each generation distinguished by a unique node shape and color. It uses D3’s hierarchy and tree layout algorithms to position nodes, while SVG paths draw the connecting links. The code leverages D3 v7 APIs such as `d3.select`, `d3.hierarchy`, `d3.tree`, `linkVertical`, and the `join` operator to build the visualization. A legend clarifies the shape-to-generation mapping, and the SVG is rendered directly in an HTML file with hardcoded family data.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed