ICE-8 — Section 2B: Research Collaboration Network

100%

ICE-8 — Section 2B: Research Collaboration Network

✓ Published1🌍 Public

Ssivaniammisetti2001@gmail.com

Last edited Apr 13, 2026

Created on Apr 13, 2026

This force-directed network visualizes research collaborations among eight researchers, with node size encoding publication count, node color denoting research field (ML, CV, NLP, DB), and edge thickness representing joint paper count. Built with d3.v7, the SVG renders a d3.forceSimulation featuring link, charge, center, and collision forces, while d3.drag enables interactive node rearrangement. Node radii scale with publications via a custom function, and edge widths map linearly to joint papers using d3.scaleLinear. The visualization displays researcher names as labels and supports panning through drag interactions.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

collaboration_network

This example visualizes a research collaboration network, showing eight researchers as nodes and their joint publications as links. Node color represents research group (AI, DataViz, Security), node size reflects publication count, and link thickness indicates collaboration strength. The visualization uses d3.forceSimulation for layout with charge, center, and collision forces, rendered as SVG in a React component. Interactive features include hover highlighting, draggable nodes, and a tooltip displaying researcher details.

CCharith Kapuluru

89% match

Loading thumbnail…

ICE8-q2-2

A network visualization maps research collaborations between eight authors and eight papers. Circle nodes represent authors colored by group, while square nodes represent papers; links connect authors to their published works, including cross-group collaborations. The graph uses d3.forceSimulation with forceLink, forceManyBody, forceCenter, and forceCollide to position nodes, with drag interaction enabled. Rendered as SVG, the chart uses d3.v7 and includes hover effects that highlight nodes and links.

Ppashamsahithi2391@gmail.com

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

85% match

Loading thumbnail…

ICE-8 Network

This network visualization shows a bipartite graph of three authors connected to three papers through authorship relations, with authors as circles and papers as squares. The layout is generated using D3's `d3.forceSimulation` with link, many-body charge, center, and collision forces, allowing nodes to be repositioned via mouse drag. The rendering uses D3's `symbol` API for distinct node shapes, SVG paths for nodes, and `d3.select` joins for interactive elements like hover tooltips and a legend. The example demonstrates D3 v7's force-directed graph capabilities in a simple, self-contained dataset.

SSainathreddypotu@gmail.com

85% match

Loading thumbnail…

ICE-8 — Social Network (Authors & Papers)

This force-directed network visualizes relationships between authors and papers, using circles for authors and diamonds for papers, with colors distinguishing the two groups. The graph employs d3.forceSimulation with link, charge, center, and collision forces to position nodes, while drag behavior allows interactive repositioning. Hovering reveals tooltips showing each node's ID and type, and a legend clarifies the shape encoding. The code uses D3 v7 with SVG rendering, constructing node symbols via d3.symbol and d3.symbolCircle/diamond, with hardcoded sample data.

Jjanisha30gowda@gmail.com

85% 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

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

84% match

Loading thumbnail…

ICE 8 - Network

This example visualizes a many-to-many network connecting authors to papers they wrote, using a force-directed graph in SVG with D3 v7. The data is non-hierarchical, so a network layout is used instead of a tree. Nodes are colored by type (green for authors, teal for papers), and d3.forceSimulation with link, charge, center, and collide forces positions the elements, with drag interaction and a tooltip showing node details.

Mmendemrudula@gmail.com

83% match