🌍 Public
Viewing a saved revision (read-only)
bba0b78b1e08436aabbb74d8d27d7d23
Network Graph by using JSON and HTML
This example presents a force-directed network graph of seven nodes representing a dean, two teachers, and four students, with weighted links showing relationships. The visualization uses D3 v4 and the older d3.layout.force API to position nodes within an SVG canvas. Node positions update dynamically via the force.on("tick") callback, while node dragging is enabled through force.drag. The graph reads its structure from a JSON file, rendering each node as a tomato-colored circle with a name label and links as stroked lines whose thickness corresponds to the link's weight attribute.
AI-generated description