Skip to main content
SimilarExport ZIP
100%

Network Graph of Cardio Attributes

✓ Published1🌍 Public
Ffreyatran124@gmail.com
Last edited Apr 9, 2025
Created on Apr 8, 2025
Forked from Tree

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.

AI-generated description
MIT Licensed

Similar vizzes

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
91% match
Loading thumbnail…

ICE8 - Network

A force-directed network diagram maps relationships among six cardiovascular disease attributes—gender, smoking, alcohol, cholesterol, glucose, and the cardio target—using D3.js v5 with a custom `d3.forceSimulation` layout. Nodes are grouped by category (Gender, Habits, Health, Target) with a scaleOrdinal color scheme, while link stroke widths encode connection strength. Interactive drag-and-drop repositions nodes, and SVG tooltips describe each attribute’s possible values. The dataset appears to come from a cardiovascular risk factor survey.

Bbassansackey@gmail.com
84% match
Loading thumbnail…

trial network graph

This network graph visualizes relationships among cardiovascular diseases, distinguishing broader categories from specific subcategories through connected nodes. A central hub represents Cardiovascular Diseases, with related conditions attached, while links labeled "Subcategory of" connect conditions to their parent categories like Arrhythmias and Aneurysms. The visualization uses D3.js v6 with d3.forceSimulation to position nodes, d3.forceLink for connections, and forceCollide to prevent overlap. Data is loaded from a JSON file, with nodes rendered as blue circles and text labels, plus drag-and-drop interactivity for exploration.

Ppanduvik99@gmail.com
83% match
Loading thumbnail…

Vikas Network

This network graph visualizes relationships between cardiovascular diseases, with a central node for Cardiovascular Diseases branching into categories like Arrhythmias and Aneurysms, which further connect to specific conditions. The force-directed layout uses `d3.forceSimulation` with `forceLink`, `forceManyBody`, `forceCollide`, and `forceCenter` to position nodes. Data loads from a JSON file, and SVG circles represent nodes while lines with arrow markers show directed links. The code employs D3 v6 methods such as `select`, `scaleOrdinal`, and drag interactions to enable node movement and highlighting on mouseover.

Ppanduvik99@gmail.com
82% 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
77% match
Loading thumbnail…

Fork of Network Graph

This network graph visualizes relationships among factors associated with heart disease, using nodes and weighted links from a JSON dataset. Built with D3 v4 and the legacy `d3.layout.force`, the SVG rendering positions labeled circles with drag-and-drop interaction. The code also implements a tooltip on hover, displaying each node's name, and styles links with stroke widths proportional to link weight, while the force simulation updates positions on each tick.

Sshreyasribearelly@gmail.com
77% match
Loading thumbnail…

Visualizing correlations between heart disease patients' data

This interactive scatterplot displays correlations between heart disease patient attributes—such as age, cholesterol, and BMI—with heart disease status, using a red dot for each individual. Users select any attribute pair from the two dropdown menus to swap the axes, and the points animate smoothly into their new positions. The visualization is built with D3 v7, using the `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs for scaling and axes, while `transition.attrTween` or `transition().duration().delay()` handles the animation. The data comes from a CSV file loaded via `d3.csv`.

AAshtone Onyango
76% 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
76% match