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)

50b0c2166181411ab1db59d52a080058

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

Here is a Read me

This is a Hierarchy Tree of Medical data which includes