Skip to main content
SimilarExport ZIP
100%

ice8_task2b

✓ Published0🌍 Public
Ssahasrakaturi91@gmail.com
Last edited Nov 7, 2025
Created on Nov 7, 2025

This network visualization shows research collaborations among people, papers, and topics, with node color encoding the node type (green for people, orange for papers, blue for topics). The graph includes coauthorship connections alongside authorship links, presented in an interactive force-directed layout. The code uses D3 v7's `forceSimulation` API with `forceLink`, `forceManyBody`, and `forceCenter` forces to compute node positions, while `d3.drag` handles interaction. Links are rendered as SVG lines, nodes as circles, and labels as text elements within the SVG canvas.

AI-generated description
MIT Licensed

Similar vizzes

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
88% 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
86% 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
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…

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-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
83% 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
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
83% match