Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE-8_Family_Tree

Public visualization

ICE-8_Family_Tree

0 stars4🌍 Public
MMeghanaArepalli
Last edited Apr 3, 2022
Created on Apr 3, 2022
Forked from Family Tree ICE-8

This example shows an animated family tree visualization built with D3.js version 3. The tree uses an SVG layout with rectangular nodes color-coded by type, and it renders parent–child relationships from a JSON data source. The visualization supports interactive node clicking, zooming, and dragging through D3’s `d3.behavior.zoom` and `d3.layout.tree` APIs. Node labels appear inside foreignObject elements, while tooltips and links are also implemented as SVG groups, with transitions animating node positions on updates.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed