Skip to main content
SimilarExport ZIP
100%

alarm graph

✓ Published0🌍 Public
RRenaud-D-Harreville
Last edited Apr 11, 2018
Created on Apr 11, 2018

An interactive force-directed network graph displays the relationships between medical and physiological alarm codes. Nodes represent alarm identifiers such as FIO2, CVP, and PAP, while directed links with arrowheads indicate dependencies between them. The visualization uses d3.forceSimulation with forceLink and forceManyBody to compute the layout, while HTML5 drag and drop operations let users manipulate nodes in real time. The data originates from a JSON file loaded via d3.json, and the graph is rendered as an SVG with nodes as circles and labels.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes

Loading thumbnail…

fresh block

A force-directed network diagram visualizes a set of physiological and clinical monitoring parameters (like CVP, PAP, and SAO2) as linked nodes, with directed arrows and label paths showing relationships. The D3.js v4 code builds the SVG with `d3.forceSimulation` for layout, `d3.forceLink` for edges, and `d3.forceManyBody` for repulsion, using a drag interaction to reposition nodes. Each node is a colored circle with a text label, and edge labels align to the path direction. Data comes from the included `graph.json` file.

RRenaud-D-Harreville
76% match
Loading thumbnail…

Network graph

This network graph visualizes the relationships between entities in a hospital management system, such as patients, nurses, doctors, and reports. The D3.js `forceSimulation` with `forceLink`, `forceManyBody`, and `forceCollide` physics arranges nodes, while SVG `<line>` elements with markers show directed links. Nodes are interactive: users can drag them, and hovering highlights the node with a thick stroke. The data comes from `data.json`, which defines nodes with group assignments and edges with relationship types. The visualization uses D3 v6 and renders entirely with SVG elements.

Ttejasrikotipalli1@gmail.com
73% match
Loading thumbnail…

Network Graph

This network graph visualizes a hierarchical dataset of global health concerns, grouping diseases by country and category. Force-directed layout positions nodes, revealing clusters while color encodes depth: orange for countries, light blue for categories, and green for diseases. The D3.js v7 simulation uses `d3.forceSimulation`, `d3.forceLink`, `d3.forceManyBody`, and `d3.forceCenter` forces. Nodes are draggable via a custom `drag` function, with SVG `circle`, `line`, and `text` elements updating positions on each tick.

Aamalli7433@gmail.com
72% match
Loading thumbnail…

Network graph

This interactive network graph visualizes the relationships between features related to cardiovascular disease, with nodes colored by category (Demographics, Lifestyle, Health Indicators, Outcome) and the target 'cardio' node emphasized. It is built with D3 v5, using `d3.forceSimulation` for physics-based layout, including linkage, many-body repulsion, centering, and collision handling. Node size, edge thickness, and a legend clarify feature importance and connections, while tooltips provide value descriptions and drag functionality enables exploration.

Bbassansackey@gmail.com
71% match
Loading thumbnail…

Fork of Network graph

This visualization shows a force-directed network graph of hospital ER patient IDs, with nodes representing individual records and links indicating connections between them, weighted by line thickness. It uses D3 v4's `layout.force()` API to simulate the physical forces of gravity, charge, and distance, positioning the nine nodes and eleven links dynamically. Each node is rendered as a green circle with a white stroke and labeled with its ID, while blue lines connect the nodes, and the graph updates through the force simulation’s `tick` event, which recomputes node and link positions on each frame. The data is loaded asynchronously from a local `data.json` file using D3's `json()` method.

66264kusuma@gmail.com
70% match
Loading thumbnail…

Network Graph of Cardio Attributes

This network graph shows the relationships between cardiovascular disease and its associated medical attributes, with the central "cardio" node connected to each attribute such as age, gender, cholesterol, and blood pressure. Using D3 v6, the visualization builds a force-directed layout with `d3.forceSimulation`, `d3.forceLink`, and `d3.forceManyBody` to position nodes, while an ordinal color scale (`d3.scaleOrdinal`) assigns categorical colors. Data is loaded from a semicolon-delimited CSV file via `d3.dsv`, and all nodes and links are rendered as SVG elements with labels.

Ffreyatran124@gmail.com
70% match
Loading thumbnail…

Fork of network ICE

This example visualizes a small health data network as a force-directed graph, organizing records by gender, then age, and finally metric values for sleep quality and stress level. Nodes are colored by hierarchy level: purple for gender, gold for age, and teal for metric leaves. The layout is computed with `d3.forceSimulation`, using `d3.forceLink`, `d3.forceManyBody`, and `d3.forceCenter`, with draggable nodes via a custom drag handler. Rendering is SVG-based, with node labels and a legend showing the color mapping.

GGorantla Vishnusai
70% match
Loading thumbnail…

Fork of HTML Starter

This network graph visualizes relationships between people and their health attributes, including BMI category and sleep disorder status. Each person appears as a red node, while attribute categories use blue and yellow nodes, with links connecting individuals to their associated health traits. The visualization uses D3.js v7's `forceSimulation` with link, charge, and positioning forces to arrange nodes dynamically. Users can drag nodes to explore connections, while the simulation repositions elements in real time. The code processes only the first 20 records from the dataset, rendering the graph as SVG within a React framework.

Mmounishnaidu96@gmail.com
70% match