Tumor Treatment Decision Tree

100%

Tumor Treatment Decision Tree

✓ Published0🌍 Public

Last edited Jul 9, 2019

Created on Jul 9, 2019

Forked from Untitled

A clinical tumor-treatment decision tree displays the hierarchical logic paths from a tumor diagnosis to the recommended treatment protocol. The visualization guides viewers through a branching structure of diagnostic criteria, such as whether neurosurgery is performed and if tumor markers are positive, ultimately leading to action nodes indicating specific clinical protocols. The D3.js v5 code implements a tidy tree layout with horizontal links, computing the hierarchy from a JSON file. It renders interactive elements using SVG primitives, including rects for decision boxes and paths for connecting lines, with a custom zoom feature.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Tumor Treatment Decision Tree

This interactive decision tree maps tumor treatment protocols, guiding users from a diagnosis through surgical and histopathological branching to specific clinical guidelines for conditions like medulloblastoma, ependymoma, and gliomas. The visualization uses a hierarchical layout via `d3.tree()` in D3 v5, rendering nodes as colored SVG rectangles with text labels, linked by red horizontal paths generated with `linkHorizontal()`. Pan and zoom controls are enabled through the `d3.zoom()` API, while the underlying JSON data structures the decision pathways.

SSedithesa

93% match

Loading thumbnail…

qdtree

This visualization displays a query decision tree as a hierarchical node-link diagram. The tree structure is derived from a JSON file containing predicates, query counts, and row counts. Internal nodes show their branching predicate, while leaf nodes display their row and query statistics. The layout is computed using d3.cluster, with links drawn as horizontal paths. Node sizes are proportional to row counts, and colors indicate query performance relative to a baseline. Circles are styled with strokes to show whether data is cached, and the entire view supports zooming via d3.zoom.

Mmilka-pi

71% match

Loading thumbnail…

Tree

This interactive tree diagram displays a hierarchical decision flow for faced questions, with nodes representing statuses like "Visit," "Attempted," "Correct," and "Incorrect." Users click any node to collapse or expand its children, triggering smooth animated transitions. The visualization uses D3 v5's `tree` and `hierarchy` layouts alongside `linkHorizontal` for curved edges, with SVG rendering and zoom/pan support via `d3.zoom`. Node colors and labels are driven by embedded JSON data, and transitions are handled through D3’s `.transition()` methods with configurable durations.

AAkrutiKhurana2103

68% match

Loading thumbnail…

Untitled

This is an interactive, animated tree diagram that visualizes a classification decision path, starting from a root node labeled "Root" and branching through binary decisions on features (e.g., "feature 434 <= 0.0") to leaf nodes that predict a class of 0.0 or 1.0. The visualization, built with D3.js (version 3.5.16), uses the `d3.layout.tree` and `d3.svg.diagonal` APIs to position and draw the hierarchical links, with nodes that can be clicked to expand or collapse their children. The data is loaded from a JSON file (`structure.json`), and the entire scene supports smooth transitions over 750 milliseconds.

Aamorenos25

68% match

Loading thumbnail…

Tree

This interactive tree diagram visualizes a hospital’s operational hierarchy, from departments like Pharmacy and Laboratory down to individual patient statuses such as “Serving” or “Waiting.” Built with React and D3 v3, it uses a collapsible layout with SVG nodes and animated transitions. Users can pan, zoom, and click nodes to expand or collapse branches, with red blinking highlights drawing attention to specific states. Supplementary tables and timelines display patient details and token information, while a legend allows resetting the view to its initial state.

Ssrinivasjavvadi

68% match

Loading thumbnail…

Interactive Tree Updated

This interactive tree diagram visualizes a hierarchical decision-making process, where each node represents a stage from "Faced Questions" down to outcomes like "Correct" or "Incorrect." Clicking a node expands or collapses its children, using the D3.js `tree` layout and `linkHorizontal` generator for the animated SVG paths. The code relies on D3 v5's `hierarchy`, `zoom`, and `event` APIs, with transitions animating node positions and opacity changes for entering and exiting elements.

Ccsroysudarshan

68% match

Loading thumbnail…

Tree 7

Animated tree diagram that shows a branching dataset from a JSON file, where nodes represent hospital divisions and clinics, and specific clinic nodes with blinking red or blue highlights flag elevated service counts or warnings. Built with D3.js, it uses a tree layout with collapsible nodes and smooth transitions to rearrange the visualization on click. Node styling uses CSS keyframe animations for the warning indicators, and all rendering is handled by inline SVG.

Ssrinivasjavvadi

67% match

Loading thumbnail…

Tree

This example shows a hierarchical tree of medical fields and related professionals, with nodes color-coded by generation depth. The visualization uses d3.stratify() to structure the flat parent-child data, d3.tree() to compute the layout, and SVG circles, paths, and text elements for rendering. Labels appear to the right of each node, and brown cubic Bézier curves connect parents to children. The background and text styling come from the linked stylesheet.

Kkakumanusreya

67% match