🌍 Public
Viewing a saved revision (read-only)
b96b284bde0d414191a855db1dba7862
network
This network graph visualizes the relationships between ten named individuals (John, Alice, Bob, etc.) using a force-directed layout. Nodes are rendered as orange circles with blue text labels, while links between them are drawn as black lines whose stroke width corresponds to a numeric `weight` attribute from the JSON data. The visualization uses the older `d3.layout.force()` API from d3.v2, which is loaded alongside d3.v4, to simulate physics with gravity, distance, and charge parameters. The SVG elements are updated on each tick of the force simulation, and nodes are draggable via the `force.drag` call.
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.