Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of ICE - 8: Visualizing Tree

Public visualization

Viewing a saved revision (read-only)

01e458e9d8c94981adeb8b5be3f4fee3

Fork of ICE - 8: Visualizing Tree

0 stars0🌍 Public
Eericliu6178@gmail.com
Last edited Apr 7, 2023
Created on Mar 27, 2023

This interactive tree diagram visualizes hierarchical data about topics and their subcategories, using branch lengths to represent relationships and values. The visualization shows a collapsible tree structure where users can click nodes to expand or collapse children. The code 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 between nodes. Nodes are rendered as SVG circles with text labels, and smooth animated transitions update the tree when nodes are clicked. The data structure contains topics like Sports, Crime, and Culture with their respective subcategories.

AI-generated description

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

See also React Starter.