Hfailure

100%

✓ Published0🌍 Public

Last edited Apr 28, 2021

Created on Apr 27, 2021

This visualization, titled Hfailure, displays a hierarchical tree representing patient mortality data, showing a decision path from a time threshold to serum sodium levels and ultimately a "Death event." The tree also branches into geographic regions like Western Asia and Eastern Asia, with country-level leaves. Built with D3.js v5, it uses the `tree` layout, `linkHorizontal` for curved paths, and SVG rendering. Text size scales inversely with depth, and a zoom behavior allows interactive panning and scaling. Data is loaded from a local JSON file.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Untitled

This tree visualization shows the hierarchical structure of electronic health records data, branching into categories like volume and regional groupings from South-Eastern to Western Asia. A radial icicle chart lays out the nodes from left to right, with colored paths linking parent and child nodes. The visualization uses d3.js’s `tree`, `hierarchy`, and `linkHorizontal` functions to compute the layout and draw connecting lines, while text labels with a serif font display each node’s identifier from the loaded JSON data.

Nnai589

75% match

Loading thumbnail…

healthcare

This visualization presents a hierarchical tree of patient medical records, with each top-level node representing an individual patient and a nested branch showing additional demographic and admission details. The tree layout is computed using D3.js v7’s `d3.tree()` and `d3.hierarchy()` APIs, with horizontal links drawn via `d3.linkHorizontal()` and rendered as SVG paths. Node circles are white with steel-blue strokes, and labels display patient names; the data is embedded directly in the script, including fields like age, blood type, medical condition, and admission dates. The visualization is styled with custom CSS for nodes and links.

Ddmouli369@gmail.com

74% match

Loading thumbnail…

graph

This example presents a hierarchical tree diagram of global health data, organizing countries into disease categories and specific diseases beneath a “Global Health” root. The visualization uses an SVG-drawn tree layout, with colored nodes indicating depth: orange for countries, blue for disease categories, and green for individual diseases. The code builds the hierarchy with `d3.hierarchy()`, positions nodes using `d3.tree()`, and connects them with `d3.linkVertical()` paths. Labels appear above each circle, and the layout is calculated dynamically based on the 800×800 SVG dimensions.

Yyashaswisanjanaaerra@my.unt.edu

74% match

Loading thumbnail…

Fork of ICE8-Tree graph

This example shows a hierarchical tree visualization of COVID-19 data, organizing global regions (Europe, North America, Africa) into countries and their respective cumulative case, death, and recovery statistics. Each node is represented as a circle with text labels, connected by gray links, and rendered as scalable vector graphics (SVG) using the D3.js v7 library. The code constructs the tree layout using the `d3.tree()` and `d3.hierarchy()` functions, and applies custom CSS for node styling. Data is hardcoded within the JavaScript, and the visualization is created by declaring an SVG element when one does not already exist.

Cchamarthisreenivasvarma@gmail.com

73% match

Loading thumbnail…

Untitled

This example visualizes a hierarchical tree of COVID-19 data, showing confirmed cases, deaths, and recoveries across continents and countries. The tree layout uses d3.tree to position nodes, with SVG circles and text labels for each location. Hovering over a node triggers a tooltip displaying the specific statistics. The visualization uses d3.v5 and React, with an animated tree structure that renders the data in a clear, drill-down format.

Pphemmati

73% match

Loading thumbnail…

Tree graph

This example shows a hierarchical tree visualization of COVID-19 data, with a global root branching into continents, countries, and leaf nodes for cumulative confirmed cases, deaths, and recoveries. It uses the D3.js library, specifically the `d3.hierarchy` constructor and `d3.tree` layout, to compute node positions and render an SVG with styled circles and links. The data is embedded directly in the JavaScript, with each country node carrying a numeric value and color attributes that are not visualized further in the displayed output.

Cchamarthisreenivasvarma@gmail.com

73% match

Loading thumbnail…

hierarchical

A hierarchical tree diagram displays risk factors for epidemics, branching from a central root into categories such as hazard, vulnerability, and coping capacity. The visualization uses D3.js v5 with the `tree` and `hierarchy` layouts to compute node positions, and renders SVG paths via `linkHorizontal` for the connecting lines. Pan and zoom functionality is enabled through `d3.zoom`, while text labels are positioned directly on the nodes. The data originates from a local JSON file, and styled with red strokes and a serif font.

Bbeca8675

73% match

Loading thumbnail…

Ice 8 Tree Graph

This visualization presents a hierarchical tree chart exploring factors related to cardiovascular disease, with a root node representing the disease itself branching into categories like Sex and Age Category, and further into subcategories with specific data values. The tree structure is constructed using the `d3.tree()` and `d3.hierarchy()` APIs from D3 v5, with nodes rendered as circles and links as cubic Bézier paths. Node colors vary by hierarchy level, and the data originates from a hardcoded JSON structure within the code, though an alternative CSV-based data source is referenced in the index.js file. The visualization is rendered as an SVG within an HTML page.

MM Hema

73% match