Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Network

Public visualization

Viewing a saved revision (read-only)

b3fec3f62726424f88c1d04cee533d17

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