Viewing a saved revision (read-only)
c0babcfaac934ae4a0d7a0e1dea5f7c3
MY Tree ICE-8
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 descriptionA bare minimum HTML page demonstrating use of CSS and JavaScript.
See also React Starter.