Skip to main content
SimilarExport ZIP
100%

ICE-8 2b Sandeep Babu

✓ Published0🌍 Public
Ssandyman2109@gmail.com
Last edited Nov 1, 2025
Created on Nov 1, 2025
Forked from React Starter

This interactive network visualization shows collaboration between three students and three projects, with students colored blue and projects orange. Using D3.js v7, the graph applies a force-directed layout via `d3.forceSimulation` with link, charge, and centering forces to position nodes. Users can drag nodes, which triggers the simulation to restart and adjust positions. The SVG render includes labeled circles connected by gray lines, with all layout updates occurring on each simulation tick.

AI-generated description
MIT Licensed

Similar vizzes

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
87% match
Loading thumbnail…

ICE 8

This interactive network visualization shows collaborations among eight researchers, with nodes colored by department (CS, Math, Physics, Design) and labeled with names. Built with D3.js v7, it uses `d3.forceSimulation` with `d3.forceLink`, `d3.forceManyBody`, and `d3.forceCenter` to position nodes, while `d3.drag()` enables node dragging. Hovering reveals a tooltip with the person's department. The demo uses a small hardcoded dataset and renders to SVG.

Aavinashpandian79@gmail.com
84% 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
83% match
Loading thumbnail…

ICE8- Network

This interactive network visualization uses a force-directed layout to display a small social graph of ten named individuals connected by green links. Built with D3 v4, the code applies `d3.forceSimulation` with link, charge, and centering forces, rendering nodes as orange circles with black strokes and name labels using SVG. The simulation updates node and link positions on each tick, and the layout settles after the forces reach equilibrium.

KKolliTeja
83% match
Loading thumbnail…

ICE-8 2B Ankit goud Poodhari

This interactive D3.js network visualization maps a hypothetical research collaboration graph, showing seven researchers and their seven co-authorship ties. Nodes are color-coded and shaped by academic role—circles for professors, squares for postdocs, triangles for students—using d3.symbol with distinct symbol types. The layout relies on d3.forceSimulation with forceLink, forceManyBody, and forceCenter to position nodes, while drag interactions let users rearrange the graph. The force-directed simulation updates node coordinates on each tick, rendering an SVG with animated link movements and static labels.

Aankitgoudpoodhari07@gmail.com
82% 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
82% match
Loading thumbnail…

ICE8 - Network Graph

This interactive network graph visualizes connections between eight people using D3 version 6. Nodes are rendered as pink circles with name labels, linked by blue lines with arrow markers. The layout uses `d3.forceSimulation` with link, many-body charge, collision, and centering forces to position nodes dynamically. Users can drag nodes, and hovering changes the stroke color. Data comes from a JSON file containing node names and link relationships. The SVG output updates on each simulation tick, repositioning edges and nodes based on the force-directed physics.

KKande2011
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