Network Graph
✓ Published0🌍 Public
This example demonstrates a social network graph of nine individuals connected by various relationships such as friendship, siblings, and colleagues. Nodes are represented as large green circles with red labels, and links are drawn as blue arrows with arrowhead markers. The visualization uses d3.forceSimulation to compute the layout, with forces for link distance, charge repulsion, collision, and centering. Users can drag nodes to reposition them, and hovering highlights a node with a red stroke. Data is loaded from a local graph.json file, and the code imports select and scaleOrdinal from d3.
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.
MIT Licensed