Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

MY Tree ICE-8

Public visualization

Viewing a saved revision (read-only)

c0babcfaac934ae4a0d7a0e1dea5f7c3

MY Tree ICE-8

0 stars0🌍 Public
Pprathyusha-reddy-arch
Last edited Apr 13, 2023
Created on Apr 12, 2023
Forked from HTML Starter

This example shows a collapsible tree diagram of Indian states and districts, with each node representing a location and lines connecting parent-child relationships. The visualization uses D3.js version 3.5.17 with the `d3.layout.tree` and `d3.svg.diagonal` APIs to compute the layout and draw curved links. Nodes are rendered as SVG circles with text labels, and clicking toggles the expansion or collapse of branches. The tree animates with staggered transitions, adjusting node positions and link paths over 750 milliseconds. The data structure is a nested JavaScript object containing hierarchical geographic names.

AI-generated description

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

See also React Starter.