Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Different Family Tree

Public visualization

Viewing a saved revision (read-only)

104042dbc4dc426abd2bf66166f436cc

Fork of Different Family Tree

0 stars1🌍 Public
NNaveenrajaYalagandula
Last edited Apr 4, 2022
Created on Apr 3, 2022
Forked from ICE 8 Family Tree

This visualization presents a family tree as a horizontal dendrogram, with nodes connected by orange links and labeled with names from a JSON dataset. Node color encodes different branches of the lineage, while font size decreases with each generation to show depth. The example uses D3 v5’s `tree`, `hierarchy`, and `linkHorizontal` components to compute the layout, with SVG rendering and zoom functionality enabled via D3’s `zoom` and `event` APIs. The visualization is built within a React framework, and text elements are styled with a Playfair Display font.

AI-generated description

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

See also React Starter.