Fork of SAVE SPOT Medical Data Tree - Category (retry)

100%

Fork of SAVE SPOT Medical Data Tree - Category (retry)

✓ Published0🌍 Public

Last edited May 10, 2024

Created on May 10, 2024

Forked from SAVE SPOT Medical Data Tree - Category

This interactive tree visualization explores the Medical Subject Headings (MeSH) hierarchy, using a force-directed layout to display the relationships between medical categories and their sub-terms. Built with D3.js v6 and React, the tree is rendered as SVG elements, with animated transitions when nodes are clicked to expand or collapse child categories. The code processes flat MeSH data into a hierarchical structure, categorizing entries based on regex patterns matching their descriptions. Users can navigate through the tree by clicking nodes, which triggers smooth animations and displays node-specific information in a floating div.

AI-generated description

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

Similar vizzes

Loading thumbnail…

Fork of SAVE SPOT Medical Data Tree - Category

This visualization presents a hierarchical medical data tree that organizes disease-related concepts into 18 broad categories, such as treatment procedures, biological processes, and genetic topics. Users can click nodes to expand or collapse branches, navigating the structure while a side panel displays the clicked node's name and key. Built with D3.js v6 and React, the tree uses animated transitions to smoothly update node and link positions. Data is sourced from a remote JSON file and processed by a custom categorizer that assigns nodes to categories based on regex pattern matching.

QQuinn Sebso

93% match

Loading thumbnail…

SAVE SPOT Medical Data Tree - Category

This visualization displays a hierarchical tree of medical data from the MeSH (Medical Subject Headings) dataset, organized into categories based on regular expression pattern matching of node descriptions. The interactive SVG tree, rendered with D3.js v6, allows users to click nodes to expand or collapse branches, dynamically updating the layout with smooth transitions while displaying node information in a separate panel. The code uses D3’s tree layout and transition APIs to reposition nodes and links, with node radius scaling based on the number of children.

QQuinn Sebso

93% match

Loading thumbnail…

Medical Data Tree - Category - retry fork of no idea

This interactive visualization presents a hierarchical tree of medical concepts, organized into a taxonomy of categories such as diseases, treatments, and biological processes. It uses D3.js v6 to render an animated, zoomable tree layout in SVG, where users can click nodes to expand or collapse their children. The tree is constructed from a JSON data source, with nodes categorized based on textual descriptions using regex pattern matching. The visualization dynamically resizes the canvas and updates node positions with smooth transitions, while a side panel displays details about the clicked node.

QQuinn Sebso

87% match

Loading thumbnail…

SAVE OF Collapsible Tree Hierarchy - Real Data

This visualization presents a collapsible tree hierarchy of MeSH (Medical Subject Headings) data, organized into a hierarchical structure based on the "MN" field and labeled with descriptive names. Users can click nodes to expand or collapse branches and navigate the hierarchy. Built with React and D3.js v6, the visualization uses SVG and animations to render nodes with dynamic radii and text labels. The data is loaded from a remote JSON file, and custom JavaScript functions categorize entries by their descriptions to sort the tree’s root children.

QQuinn Sebso

87% match

Loading thumbnail…

Fork of I have no idea lol Medical Data Tree - Category

This interactive tree visualization categorizes medical data from a JSON file, organizing nodes into thematic groups like diseases, treatments, and biological processes. Users can click nodes to expand or collapse subtrees, with a details panel displaying the node’s name and key. Built with D3 v6 and React, it uses hierarchical layout, SVG rendering, and transitions for smooth updates. The code applies regex-based pattern matching from a custom categories module to classify and reposition nodes into category groups.

QQuinn Sebso

87% match

Loading thumbnail…

Medical Data Tree - Category

This interactive tree visualization categorizes hierarchical medical data from an external JSON file, using regex patterns to classify nodes into domains like diseases, treatments, or genetics. Built with React and D3 v6, it renders an animated SVG tree where clicking a node collapses or expands its children. The implementation uses D3’s tree layout, transitions, and click handlers to update the view, while a dynamic info panel displays the selected node’s name and key.

QQuinn Sebso

85% match

Loading thumbnail…

Medical Data Tree CURRENT FINAL

This interactive visualization presents a hierarchical tree of medical data, allowing users to click on nodes to expand and collapse branches or navigate to a new root. The tree is rendered using SVG with smooth animated transitions, utilizing d3.v6's layout and transition APIs. Node positions and link paths are updated dynamically, with circle sizes reflecting the number of children. Data originates from a JSON file, and node descriptions are categorized into medical topics like diseases and treatments, with a clickable info panel displaying node names and keys.

QQuinn Sebso

85% match

Loading thumbnail…

Collapsible Tree Hierarchy - Real Data

This interactive tree visualization displays the hierarchical structure of MeSH (Medical Subject Headings) data, with nodes representing terms and branches showing parent-child relationships. Users can click nodes to collapse or expand subtrees and navigate through the hierarchy. Built with React and d3.v6, the visualization uses SVG rendering with smooth 250ms transitions, `root.descendants()`, and `tree(root)` for layout computation. Node circles scale based on child count, and click events trigger nested navigation through a node stack while a tooltip shows the selected term's name and key.

QQuinn Sebso

85% match