Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of ICE8 - Family Tree

Public visualization

Fork of ICE8 - Family Tree

0 stars0🌍 Public
TTejucmandava
Last edited Apr 12, 2023
Created on Apr 12, 2023
Forked from ICE8 - Family Tree

This example displays a family tree as an animated, zoomable node-link diagram, using color-coded rectangles to represent different generations and branches. Built with D3.js v3, it reads hierarchical family data from a JSON file and renders it as an SVG using `d3.layout.tree`. Nodes open and close on click with a smooth transition, while links are drawn with arrow markers and tooltips show additional details. The layout adjusts dynamically to prevent node collisions.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed