Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

ICE8- Family Tree

Public visualization

ICE8- Family Tree

0 stars0๐ŸŒ Public
KKolliTeja
Last edited Apr 4, 2022
Created on Apr 4, 2022
Forked from Family Tree

This visualization presents a family tree as an interactive, animated diagram built with D3.js v3 and React. It shows hierarchical relationships between family members, using colored rectangles for different node types and connecting links with directional arrows. The tree layout is computed with `d3.layout.tree`, and nodes and links are rendered as SVG elements. The visualization supports zooming and dragging via `d3.behavior.zoom`, plus click interactions to expand and collapse nodes. Data is loaded from a JSON file and styled with custom CSS, with tooltips for additional information.

AI-generated description

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

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed