Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of ICE 8 Family Tree

Public visualization

Viewing a saved revision (read-only)

d0e4245c19644d4588da6ea25532e57f

Fork of ICE 8 Family Tree

0 stars0🌍 Public
Mmanvithareddykarra
Last edited Apr 3, 2022
Created on Apr 3, 2022
Forked from ICE 8 Family Tree

This interactive family tree visualization presents hierarchical relationships as a horizontal dendrogram, with root nodes branching outward to descendants. The tree is rendered as SVG using D3 v5’s `tree()` layout and `linkHorizontal()` path generator, while a `zoom()` behavior enables pan and zoom. Node colors and font sizes vary by depth, with labels drawn from a JSON data file. The React framework manages the component, and CSS applies the Playfair Display font and a white text shadow for readability.

AI-generated description

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

See also React Starter.