ICE-8-Q2.3-Network-StudyGroup

100%

ICE-8-Q2.3-Network-StudyGroup

✓ Published0🌍 Public

LLikhitaMudagereShivaraj@my.unt.edu

Last edited Nov 9, 2025

Created on Nov 9, 2025

This dark-themed SVG network visualizes a study group’s conceptual connections with eight nodes representing students, a TA, and faculty. Node size reflects degree, while shape and color distinguish role types. Green links denote collaboration and blue links mentorship. The code uses `d3.forceSimulation` for layout, with drag behavior for interaction and tooltips on nodes. D3 v7 handles SVG rendering, scales, and event listeners.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of ICE 8 - STEP 2(B) - VISUALIZING NETWORKS

This example shows a small friendship network among seven students in a study group, using a force-directed layout to position nodes and links. The D3.js code uses `d3.forceSimulation` with `d3.forceLink`, `d3.forceManyBody`, and `d3.forceCenter` to compute the layout, while nodes are rendered as SVG circles and labels as text. Links are drawn as gray lines, and nodes are colored with `d3.schemeSet2`. The simulation updates positions on each tick, and nodes can be dragged with `d3.drag` to explore the network interactively.

Ssakethgoud333@gmail.com

84% match

Loading thumbnail…

ICE8-network

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.

SSai Charan

83% match

Loading thumbnail…

ice8_q2.3_network

This interactive network diagram shows relationships between four students and three clubs, with students linked to clubs they attend. It uses D3 v7’s force simulation (`d3.forceSimulation`, `d3.forceLink`, `d3.forceManyBody`, `d3.forceCenter`) to position nodes and links, and renders them as SVG circles and lines. Node colors distinguish students (blue) from clubs (orange) via `d3.scaleOrdinal`. Drag-and-drop functionality lets users reposition nodes, with the simulation updating link, node, and label positions on each tick.

Vvineelaviswanadham07@gmail.com

83% match

Loading thumbnail…

ICE8-Network-CM

This example shows a force-directed network of research collaborations among professors, students, and institutions in the ICE-8 Section 2B project. Node colors encode role (blue professors, green students, orange institutions), and links represent supervision or partnership. Built with D3 v7, it uses `d3.forceSimulation`, `forceLink`, `forceManyBody`, and `forceCenter` to position draggable SVG circles and labels. The code defines sample node and link data inline and updates positions on each simulation tick.

Cchandanamahesh0215@gmail.com

82% match

Loading thumbnail…

ICE8-Network

A force-directed network visualization maps six named team members into three functional groups—Design, Engineering, and Research—using colored nodes and labeled links to show collaboration patterns. The example uses d3.forceSimulation with forceLink, forceManyBody, and forceCenter to position nodes, while d3.drag enables interactive repositioning. Nodes render as SVG circles with a categorical color scale, and a tick handler updates link coordinates and label positions in real time.

Aaravindsg99@gmail.com

82% match

Loading thumbnail…

network

This interactive network diagram visualizes a study group of seven students, with nodes representing each person and links indicating which pairs study together. Nodes are colored by academic major (CS, Math, Physics, Art), with a legend in the top-left corner. The layout is computed using a force-directed simulation built on D3 v7 APIs, including `d3.forceSimulation`, `d3.forceLink`, `d3.forceManyBody`, and `d3.forceCenter`. Users can drag nodes to explore the network, and the simulation updates positions accordingly, with node positions rendered as SVG circles and text labels.

Ddeepthinaidu2001@gmail.com

82% match

Loading thumbnail…

Social Network ICE 8

A force-directed network diagram visualizes eight individuals grouped into four clusters, with weighted links between them indicating connection strength. The SVG rendering uses D3 v4’s force layout (`d3.layout.force`) to position nodes, applying gravity, charge, and distance parameters. Links are drawn as red lines with stroke widths based on link weight, while black circles represent nodes with blue name labels. Node positions update continuously during the simulation’s tick events, and dragging is enabled via `force.drag`. The code loads data from a JSON file containing node names, group assignments, and link weights.

Hhm0421

81% match

Loading thumbnail…

Fork of ICE8-network

This collaborative network visualization uses a force-directed layout to show relationships between students, projects, and a lab. D3’s `d3.forceSimulation`, `d3.forceLink`, `d3.forceManyBody`, and `d3.forceCenter` position colored nodes by group, while link thickness encodes connection value. The SVG rendering includes draggable nodes via `d3.drag()` and hover tooltips that display each node’s name and group. Data loads from two CSV files, with node color mapped by a `d3.scaleOrdinal`.

Ssaiprasadpilla937@gmail.com

81% match