Skip to main content
SimilarExport ZIP
100%

Mental_health_network_graph

✓ Published1🌍 Public
Kkramyasudha2024@gmail.com
Last edited Apr 9, 2025
Created on Apr 9, 2025

This network graph visualizes simulated mental health support data across four company size categories—Small, Medium, Large, and Enterprise—showing the percentage of employees with mental health benefits as node color and link thickness representing connection strength. A d3.forceSimulation with forceLink and forceManyBody positions the nodes, while d3.scaleSequential with interpolateBlues maps benefit percentages to fill colors. Interactive drag behavior lets users rearrange the network, and a legend explains the color scale and link thickness. The visualization uses SVG rendering with D3 v7.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Network Graph

This network graph visualizes relationships between patients, using nodes to represent individuals and links to show connections such as shared race or departmental referrals. The graph is rendered as an SVG within a React framework, using D3 v6's `forceSimulation` API to calculate node positions and `forceLink`, `forceManyBody`, `forceCollide`, and `forceCenter` to manage the physics. Users can drag nodes to explore the network, and the visualization updates dynamically through the `simulation.on('tick')` event.

66264kusuma@gmail.com
75% 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
75% match
Loading thumbnail…

Network

This example shows a force-directed network of eight major tech companies, with nodes colored by industry sector—software, hardware, e-commerce, and cloud/AI—and links styled by relationship type: solid teal for partnerships, dashed yellow for competition, and pale green for collaboration. The visualization uses D3’s `d3.forceSimulation` to position nodes and render SVG links and circles, with hover highlighting and a fixed tooltip showing details. Data is hardcoded as arrays of node and link objects, and the layout is drawn entirely in scalable SVG within a fixed 1100×700 viewBox.

AAnurup Reddy
75% match
Loading thumbnail…

D3 Network Graph

This example shows an interactive network graph of company ownership links, with labeled nodes positioned through a force-directed simulation. It uses D3 version 6’s `d3.forceSimulation`, `d3.forceLink`, `d3.forceManyBody`, and `d3.forceCenter` to compute node positions, while `d3.drag` enables dragging nodes. The SVG rendering draws gray lines for links and circles with labels for nodes, with data structured as nodes and links from a dataset containing company records and weighted ownership connections.

RRajath Gowda
75% match
Loading thumbnail…

Network Graph_11703795

A force-directed network graph visualizes career progression paths across three distinct fields: software development, design, and healthcare. Pink circular nodes represent job titles, with gray lines showing progression links, including one cross-field connection from Data Scientist to UI/UX Designer. The layout uses `d3.forceSimulation` with `d3.forceLink`, `d3.forceManyBody`, and `d3.forceCenter` to position nodes dynamically. Users can drag any node, which triggers `d3.drag` events that adjust the simulation's alpha target and apply temporary position forces during interaction.

MMeghanaChowdaryVelaga@my.unt.edu
75% 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
75% match
Loading thumbnail…

Network Practice

This visualization shows a small network of thirteen nodes connected by seventeen links. Node size is constant, while link thickness encodes a numeric value from the data. Node color represents group membership via a categorical color scale, and the network layout is determined by a physics simulation. Using d3.forceSimulation, d3.forceLink, d3.forceManyBody, and d3.forceCenter, the nodes are arranged and their positions updated on each tick, rendering as an SVG with circles and lines.

Kkschick22
74% match
Loading thumbnail…

Network map

This network map visualizes a small LinkedIn-style social graph, showing eight people as labeled circles and their connections as orange weighted lines. The graph uses a force-directed layout with D3’s `d3.layout.force()` to position nodes, with gravity, charge, and distance parameters controlling the spacing. The HTML/SVG canvas is built with `d3.select`, and node positions are updated on each tick via the force layout’s `on("tick")` event, while link thickness reflects the `weight` field from the JSON data.

SSaikiran2029
74% match