Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE8 - Tree graph

Public visualization

Viewing a saved revision (read-only)

ad9c2092d9594353a9a3fcd9a772cdcf

ICE8 - Tree graph

0 stars0🌍 Public
Yyamunayennem
Last edited Apr 12, 2023
Created on Apr 11, 2023
Forked from HTML Starter

A hierarchical tree graph displays the administrative divisions of India, from the root "India" down to cities like Hyderabad and districts such as JNTU. Nodes are rendered as colored circles, with each depth level assigned a distinct color, while green, animated paths draw the parent-child links. The visualization uses D3’s `d3.stratify()` to structure the data and `d3.tree()` to compute the layout, with SVG elements and transitions animating the node radii and link drawing. Data is provided as an inline array of parent-child pairs.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.