Fork of Bubble tree test

Fork of Bubble tree test

This visualization displays a hierarchical bubble tree of microbiology terms, using nested circles to represent taxonomic and structural relationships within the domain. The tool enables interactive zooming through circle clicks, with smooth animated transitions between hierarchy levels. Built with D3 v4's `d3.pack` layout, the code fetches JSON data from a GitHub repository, then applies `d3.interpolateZoom` and `transition.tween` for the zoom effect. Circles are colored by depth using an HSL color scale, and labels fade in and out based on the current focus node.

87% match

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.

83% match

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.

83% match

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

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.

83% match

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.

Fork of Tree Example

This interactive tree diagram displays hierarchical data with expandable and collapsible nodes. Clicking a node toggles its children, animating the layout transitions. The example is built with React and D3.js, using the `d3.layout.tree` API and `d3.svg.diagonal` projections to draw curved links. The SVG rendering includes a 750ms transition animation for nodes and links as the tree structure changes. Custom data defines family relationships, with nodes styled as white circles with steelblue strokes.

BBaylife5

Fork of Tree Example

This example shows an interactive hierarchical tree diagram built with D3.js, where users can click nodes to expand or collapse their children. The visualization renders a family tree with named individuals such as Roshan, Nimmat, and Salim, using SVG circles and text labels connected by curved diagonal paths. The code uses `d3.layout.tree` to compute the layout, `d3.svg.diagonal` for the links, and transitions on node and link elements to animate position changes smoothly over 750 milliseconds. Data is embedded directly as a JavaScript object array, and each node’s color shifts to lightsteelblue when collapsed.

Ffkukcha

Medical Data Tree CURRENT FINAL - testing

This interactive visualization presents a hierarchical tree of medical data sourced from a GitHub repository. The visualization shows a tree structure where nodes represent medical concepts, and users can click on nodes to expand or collapse their children and view detailed information. The tree is rendered using the D3.js library’s hierarchical layout algorithm, with SVG for rendering and CSS transitions for smooth animations. The code also includes a categorization function that uses regular expressions to classify nodes into medical categories like diseases, treatments, and biological processes.