Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Network

Public visualization

Viewing a saved revision (read-only)

c0f130ab91c24105a02f62cd848231b3

Network

0 stars1🌍 Public
RRamdas Dheeraj
Last edited Nov 8, 2025
Created on Nov 5, 2025
Forked from SVG Fundamentals

This example visualizes a collaboration network among three authors and three papers, using a force-directed simulation to position the six nodes. D3.js v6 APIs such as `d3.forceSimulation`, `d3.forceLink`, and `d3.forceManyBody` compute the layout, while SVG circles and lines render the nodes and edges. Purple and blue colors distinguish author and paper groups, and users can drag nodes to interact with the simulation, which updates positions and labels on each tick.

AI-generated description