Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Family Tree

Public visualization

Viewing a saved revision (read-only)

288277c0eaa2413bb42701e49ed26cf1

Family Tree

0 stars0🌍 Public
Ppavankalyan1507
Last edited Apr 3, 2022
Created on Apr 3, 2022

This interactive family tree displays hierarchical relationships across multiple generations, with each node labeled by name and colored according to its position in the lineage. The visualization uses D3 v5’s `tree` layout to compute node positions and `linkHorizontal` to draw curved connecting paths, while the `zoom` function enables panning and scaling of the SVG canvas. The included JSON data file provides the family structure, and the code explicitly assigns font sizes based on tree depth and text colors from the data attributes.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.