Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Force-directed Layout

Public visualization

Force-directed Layout

0 stars0🌍 Public
PPranay Matalia
Last edited Mar 29, 2022
Created on Mar 29, 2022
Forked from HTML Starter

This example shows a force-directed network layout of a graph dataset from the Network Data Repository. Nodes appear as orange circles, with gray links connecting them; hovering over a node displays its ID in a tooltip. The visualization uses D3.js v6 with `d3.forceSimulation`, `d3.forceLink`, and `d3.forceManyBody` to compute node positions, while `d3.drag` enables interactive node repositioning. Data is loaded from a CSV file, and the SVG rendering updates continuously during simulation ticks, with node colors assigned via `d3.scaleOrdinal`.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed