Sedithesa

@Sedithesa·2 public vizzes

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.

Jul 9, 2019

Loading thumbnail…

Tumor Treatment Decision Tree

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.

Jul 9, 2019