Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of HTML Starter

Public visualization

Fork of HTML Starter

0 stars2🌍 Public
Bbalaaswitha@gmail.com
Last edited Nov 3, 2025
Created on Nov 2, 2025
Forked from HTML Starter

This interactive network graph visualizes the connections among a team of six individuals, mapping their professional relationships and displaying each person's role in a tooltip on hover. Using D3.js v7, the simulation employs `d3.forceSimulation` with `d3.forceLink` for link constraints, `d3.forceManyBody` for charge-based repulsion, and `d3.forceCenter` for layout anchoring. Nodes are rendered as draggable SVG circles with labels, and the `.on('mousemove')` handler feeds data to a tooltip div. The code utilizes `d3.select` and the `.join()` operator for element creation.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed