Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

family tree

Public visualization

Viewing a saved revision (read-only)

a2c754fa7b5f4491a5b8a331acc284f0

family tree

0 stars0🌍 Public
VVaishnavi6199
Last edited Apr 4, 2022
Created on Apr 4, 2022
Forked from family tree

This example shows an animated family tree using D3.js v6, with nodes representing family members and lime-green links indicating parent-child relationships. The visualization uses `d3.stratify()` to build the hierarchical structure from a flat data array, then applies `d3.tree()` to compute node positions in a 900x350 layout. SVG elements—circles for nodes and paths for connections—are rendered with transitions that animate the links over 1000 milliseconds and the node radii over 800 milliseconds. The data includes ten named family members, with the root node "Surya" having no parent.

AI-generated description