Skip to main content
100%

Family Tree

✓ Published0🌍 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.

MIT Licensed

Similar vizzes