Skip to main content
100%

Fork of Network graph

✓ Published0🌍 Public
66264kusuma@gmail.com
Last edited Apr 3, 2024
Created on Apr 3, 2024
Forked from HTML Starter

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.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

MIT Licensed

Similar vizzes