Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Collapsible Tree Hierarchy - Real Data

Public visualization

Viewing a saved revision (read-only)

110b26736edd43baba31e2f6ea6011b9

Collapsible Tree Hierarchy - Real Data

0 stars1🌍 Public
QQuinn Sebso
Last edited May 9, 2024
Created on May 8, 2024

This interactive collapsible tree visualizes a hierarchical structure of medical terms derived from MeSH data. The visualization displays the tree as an SVG graphic, with nodes representing medical concepts and connections illustrating their relationships. Users can click on nodes to expand or collapse subtrees, while a dedicated info panel shows the term’s name, key, and description. Built with D3.js v6, the tree uses animated transitions via `transition()` and `attrTween` to smoothly reposition nodes and links. The code implements a custom `convertToHierarchy` function to transform flat JSON data into a nested tree structure.

AI-generated description

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

See also React Starter.