Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of ICE 8 example for Tree graphic

Public visualization

Viewing a saved revision (read-only)

c9519a2fb6f64023b027fe882523db4e

Fork of ICE 8 example for Tree graphic

0 stars0🌍 Public
Tttummala17
Last edited Jul 9, 2022
Created on Jul 9, 2022
Forked from D3 Starter

This interactive tree graphic visualizes a family hierarchy using a fork of the ICE 8 example. It displays named nodes connected by animated paths, with circles and text labels revealing each person’s name. The visualization uses D3.js v6, employing `d3.stratify()` to structure the data and `d3.tree()` to compute the layout. SVG elements—including circles, paths, and text—are rendered with transitions that animate the drawing of links and the appearance of nodes over time, while styling attributes are applied via CSS.

AI-generated description