Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE-8 (Family Tree)

Public visualization

Viewing a saved revision (read-only)

7ceda86e7aaa4d559dc2278076a3d05f

ICE-8 (Family Tree)

0 stars2🌍 Public
AAnjan Shrestha
Last edited Mar 31, 2022
Created on Mar 29, 2022

This example shows an interactive family tree visualization built with D3.js (v3) and SVG. It renders hierarchical data from a JSON file as colored, rounded rectangles connected by links, with each node color-coded by generation type. The tree layout uses d3.layout.tree, and users can click nodes to expand or collapse branches. The visualization includes zoom and drag behavior via d3.behavior.zoom, along with tooltips and drop-shadow filters for visual polish.

AI-generated description