Skip to main content
SimilarExport ZIP
100%

Vikas Network

✓ Published0🌍 Public
Ppanduvik99@gmail.com
Last edited Apr 2, 2024
Created on Apr 2, 2024
Forked from Hello VizHub

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.

AI-generated description
MIT Licensed

Similar vizzes

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
88% 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
84% 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
82% match
Loading thumbnail…

Vikas Tree

This interactive tree diagram visualizes the classification of cardiovascular diseases, with a root node branching into major conditions like coronary artery disease, heart failure, and stroke, each with specific subtypes. The visualization uses a hierarchical layout created with D3.js version 3.5.17, rendering nodes and links as SVG elements with animated transitions. Distinct color coding by disease level and type is applied through stroke and fill attributes. Hovering over links highlights them in steel blue, and the diagram includes static data for disease relationships, built with React and CSS styling.

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

Health Network Graph

This example shows a zoomable health network graph that links global regions—Brazil, India, Australia, and Nigeria—to disease categories like Cancer and Infectious, and then to specific conditions such as Skin Cancer, Dengue, and Asthma. The visualization uses d3.forceSimulation with link, charge, center, and collide forces to lay out nodes in SVG. Pan and zoom are enabled via d3.zoom, and nodes can be repositioned through d3.drag. Colors are assigned by d3.scaleOrdinal, and a d3.forceLink defines the network edges.

Ddeepthiv.4706@gmail.com
77% match
Loading thumbnail…

neural network

This example visualizes a global health network, showing connections between four countries and nine diseases using a force-directed graph. Orange circles represent countries while blue circles represent diseases, connected by gray links. The visualization uses d3.forceSimulation with forceLink, forceManyBody, and forceCenter to position nodes, and d3.drag to allow interactive node movement. The SVG rendering includes labeled nodes and the data is hardcoded in the script.

Yyashaswisanjanaaerra@my.unt.edu
77% match
Loading thumbnail…

neural graph

A force-directed network graph shows relationships between four countries and nine diseases, with orange nodes for countries and blue nodes for diseases. The visualization uses d3.forceSimulation with link, charge, and center forces to position nodes, rendered as SVG circles and labels. Nodes are draggable via d3.drag, which temporarily fixes their position during interaction. The links connect each country to associated diseases, revealing the bipartite structure of the dataset.

Vvemuri.vaishnavi27@gmail.com
77% match