Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Network Graph by using JSON and HTML

Public visualization

Viewing a saved revision (read-only)

0bcedd99fe6d40d3ba8ab8b78995ec49

Network Graph by using JSON and HTML

0 stars1🌍 Public
DDanthalakirankumar
Last edited Apr 4, 2022
Created on Apr 3, 2022

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