Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE8-network

Public visualization

Viewing a saved revision (read-only)

6fa35d9af150445a89ec9bffe126de52

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