Network Graph
This example shows a social network graph where ten people are connected by friendship links. The force-directed layout positions nodes and edges, with the thickness of the blue lines indicating the strength of the relationship, such as the stronger connection between MY3 and Sudha. The visualization is built with the D3 library, using `d3.forceSimulation` to handle the physics of the node placement, along with `d3.forceLink`, `d3.forceManyBody`, and `d3.forceCollide` to manage the layout. Node elements are created as SVG groups with circles and text labels, and the graph supports interactive dragging. The data comes from a local `graph.json` file which provides both the network structure and the relationship values.
AI-generated descriptionAn example showing the capabilities of VizHub:
- Loads D3 via UNPKG.
- Demonstrates use of
importfrom"d3". - Demonstrates use of
importfrom local ES6 modules.