Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE 8 example for Tree graphic

Public visualization

Viewing a saved revision (read-only)

850a03a962a8416aa94c71f4e3d189d3

ICE 8 example for Tree graphic

0 stars0🌍 Public
Ssowmyanagula@my.unt.edu
Last edited Apr 3, 2022
Created on Apr 2, 2022

This example demonstrates a hierarchical tree visualization using D3 v6, displaying parent-child relationships as linked nodes. The graphic renders blue connecting paths that animate from the source to target positions, while yellow circles represent each node and are accompanied by text labels showing the child names. The implementation uses the `d3.stratify()` API to structure the data, `d3.tree()` for layout, and leverages SVG elements with D3's `.transition()` method to animate the paths and text elements over varying durations based on node depth.

AI-generated description