Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Family Tree

Public visualization

Viewing a saved revision (read-only)

82596cbf8ac741ab8942b48365b81b16

Fork of Family Tree

0 stars0🌍 Public
AAsherpranayp
Last edited Apr 13, 2023
Created on Apr 13, 2023
Forked from Family Tree

This example renders a hierarchical family tree from a JSON structure, depicting relationships between a person and their schools. It uses D3.js v3 with a custom tree layout to position nodes, and SVG is used for drawing the graph. The visualization features interactive nodes that are colored by type and can be clicked, with links between them and a tooltip that appears on hover. The animation is handled by D3's transition system, and the view can be zoomed and dragged.

AI-generated description

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

See also React Starter.