Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE8-network

Public visualization

ICE8-network

0 stars2🌍 Public
SSai Charan
Last edited Nov 9, 2025
Created on Nov 9, 2025
Forked from React & D3 Starter

This interactive network visualization displays a collaboration network among students, projects, and labs, with nodes colored by group and sized by connection weight. The graph uses force-directed layout via d3.forceSimulation with forceLink for link constraints, forceManyBody for repulsion, and forceCenter to keep the layout centered. Users can drag nodes with d3.drag to explore relationships, and hovering reveals a tooltip with node details from the CSV data sources. The SVG rendering uses d3.select and join operations to efficiently manage the dynamic graph elements.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed