Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of ICE8_Family Tree _A_K

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

a0e89d2314114200ae44f2d4376c1dcb

Open

Fork of ICE8_Family Tree _A_K

0 stars0🌍 Public
Aamulyakannam
Last edited Jul 10, 2022
Created on Jul 10, 2022
Forked from ICE8_Family Tree

This example visualizes a family tree as an interactive, animated hierarchy using D3 v3. The tree layout renders nodes as color-coded rectangles with labels and links, including arrows and tooltips, from a JSON data source. The visualization uses `d3.layout.tree` for positioning, D3’s zoom and drag behavior, and SVG for rendering. The code also demonstrates collision detection between nodes and dynamic resizing of the SVG based on tree depth and breadth, all within a green-themed, boxed design.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.