Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Network

Public visualization

Viewing a saved revision (read-only)

c2d4c8b1ee51468fa4c6498d6ca192f6

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