Skip to main content
100%

Network Graph

✓ Published0🌍 Public
JJerlineJJ
Last edited Apr 4, 2022
Created on Apr 4, 2022
Forked from HTML Starter

A network graph displays seven named nodes connected by weighted links, with node sizes and link thickness reflecting connection strength. The data, loaded from a JSON file, is rendered as an SVG using D3.js v4's force layout, which applies gravity, charge, and distance parameters to position nodes dynamically. Users can click and drag nodes to rearrange the network, while node labels and red-bordered yellow circles remain visible. The visualization uses `d3.layout.force` for simulation and `force.drag` for interactivity, with tick events updating link coordinates and node transforms.

AI-generated description
MIT Licensed

Similar vizzes