Skip to main content
SimilarExport ZIP
100%

Fork of ice8_q2.3_network

✓ Published0🌍 Public
Eeeshani.boyapati@gmail.com
Last edited Apr 12, 2026
Created on Apr 12, 2026
Forked from ice8_q2.3_network

This is a force-directed network graph of a student-course relationship dataset. It visualizes three students (Anitha, Chetan, Navya) and five courses (CN, AI, DBMS, ML, DPDB, Python) using `d3.forceSimulation` with `forceLink`, `forceManyBody`, and `forceCenter` forces. Nodes are rendered as SVG circles, with pink for students and purple for courses, connected by gray lines. Labels are positioned to the right of each node.

AI-generated description
MIT Licensed

Similar vizzes

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
84% match
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
82% 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
81% match
Loading thumbnail…

Fork of Fork of ice 8_network

This interactive network diagram visualizes relationships between programming-related nodes, with circles colored by group and labeled with node IDs. The layout is computed using d3.forceSimulation with d3.forceLink, d3.forceManyBody, and d3.forceCenter forces, updating line, circle, and text positions on each tick. Node and link data are loaded from remote CSV files via d3.csv. The SVG canvas is titled “Programming Network,” with nodes rendered as circles and connections as gray lines.

Kkanaparthieshitha@gmail.com
80% match
Loading thumbnail…

Fork of Fork of ICE-8 (Network)

A force-directed network graph visualizes a small study group of seven people, with nodes representing members and links showing their connections. The simulation uses `d3.forceSimulation` with `forceLink`, `forceManyBody`, and `forceCenter` to position nodes, while SVG rendering draws lines and circles with `d3.schemeTableau10` colors. Node dragging via `d3.drag` allows interactive repositioning. The accompanying `data.csv` file—though not directly loaded in the code—lists country codes and values, suggesting a separate dataset unrelated to the in-script node/link arrays. The dark-themed interface renders entirely client-side using D3 v7.

LLokesh
80% match
Loading thumbnail…

Fork of Fork of ICE8 - Social Network Graph

This example visualizes a social network as a force-directed graph, with red circular nodes representing individuals and black lines indicating connections such as “family with” or “friend with” relationships. The graph uses `d3.forceSimulation` with `forceLink`, `forceManyBody`, `forceCollide`, and `forceCenter` to position nodes dynamically. Dragging is enabled via `d3.drag`, and hovering highlights nodes using a CSS class. Data is loaded from a JSON file, and the graph is rendered as SVG elements (`<circle>`, `<line>`, `<text>`), with marker arrows defined in `<defs>`.

PPriyanka7002
79% match
Loading thumbnail…

FZ_ICE8_Q2_SocialNetwork

This force-directed network shows relationships among students, study groups, and topics in a computer science course, using node color to indicate entity type and edges to represent collaboration or shared focus. The D3.js v7 visualization renders nodes and links as an SVG, with the layout driven by a physics simulation of repulsive and attractive forces. Interactive tooltips reveal node details on hover, while node labels are drawn from the explicit data model in the code.

Sshaikfayazfz64@gmail.com
79% match
Loading thumbnail…

ice 8 network

A force-directed network diagram shows relationships between students and activities, with red nodes representing students and blue nodes representing activities. The visualization uses d3.forceSimulation with forceLink, forceManyBody, and forceCenter to position nodes, while SVG circles and lines render the network structure. Labels identify each node, and the simulation supports drag interactions through d3.drag, allowing users to reposition nodes dynamically.

Ssravya010
79% match