Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Network Graph

Public visualization

Network Graph

0 stars0🌍 Public
PP Manisha
Last edited Nov 9, 2025
Created on Nov 9, 2025
Forked from Tree

This network graph visualizes the relationships between three authors and three papers, with blue circles representing authors, orange circles representing papers, and gray lines indicating authorship connections. The code uses D3.js v7’s `d3.forceSimulation` to apply a force-directed layout with `forceLink`, `forceManyBody`, and `forceCenter` forces, causing nodes to arrange dynamically. Positions update on each simulation tick, adjusting line coordinates and circle/text placement in the SVG. Labels display each node’s name above its circle, and the layout stabilizes as the simulation runs.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed