Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE8-Family Tree

Public visualization

Viewing a saved revision (read-only)

f278bcdee8ec4d2e92a8fd264848ebfc

ICE8-Family Tree

0 stars0🌍 Public
KKolliTeja
Last edited Apr 4, 2022
Created on Apr 4, 2022
Forked from ICE8-Family Tree

This example visualizes a family tree as a static SVG diagram, with nodes rendered as orange circles connected by maroon lines. The tree structure is defined by parent-child relationships in a JavaScript array, which is processed using d3.stratify and d3.tree to compute node positions. The React-based code appends SVG elements using d3.select and animates the appearance of links and text labels with d3.transition and duration timings. Each node displays a name in blue text, and the visualization starts with root node "Dom" at the top.

AI-generated description

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

See also React Starter.