Skip to main content
SimilarExport ZIP
100%

ICE-8 2B Network SushmithaB

✓ Published0🌍 Public
Ssushmitha bungatavula
Last edited Nov 3, 2025
Created on Nov 2, 2025
Forked from Network

This example shows a three-layer conceptual network of the Mahabharata, connecting clans, characters, and key events. It uses `d3.forceSimulation` with `forceLink`, `forceManyBody`, and `forceCenter` to position nodes, while `d3.drag` enables interactive movement. Nodes and links are rendered as SVG circles and lines, colored by a `scaleOrdinal` mapping levels to distinct hues. Labels appear beneath each node, and the layout updates dynamically on each simulation tick.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

ICE-8 Network graph

This example shows a small force-directed network graph with five named people connected by six links, where node color encodes two groups and labels identify each person. It uses `d3.forceSimulation` with `d3.forceLink` for link distances, `d3.forceManyBody` for repulsion, and `d3.forceCenter` to keep the layout centered. Nodes are rendered as SVG circles, and edges as lines, with drag behavior enabled via `d3.drag` to reposition nodes interactively. The simulation updates positions on each tick, adjusting coordinates for links, circles, and text labels.

Ppeddubalaji@gmail.com
82% match
Loading thumbnail…

ICE8: Network Graph

A network graph maps personal and professional connections radiating from a central node, with labeled circles and colored links showing relationships between individuals. Using d3.forceSimulation with forceManyBody, forceLink, and forceCenter, the SVG visualization computes node positions and supports drag interactions. Node sizes and colors differentiate hierarchy levels, while link distances vary by relationship type. Data is defined in JavaScript modules and rendered via D3 selections for circles, lines, and text labels.

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

ICE 8 Network Graph

This example displays a small network of two main nodes and their connected child nodes, each labeled with a name and styled with distinct colors from a predefined palette. The visualization uses d3.forceSimulation with forceManyBody, forceLink, and forceCenter APIs to position the nodes, while SVG circles, lines, and text elements render the graph. Node data is generated in a separate JavaScript module, with forces applied through a tick event that updates the x and y coordinates of all elements automatically.

SSnapika
81% match
Loading thumbnail…

ICE 8 Network Graph

This example visualizes a network graph of eight named nodes connected by seven links, with two large main nodes and smaller child nodes. A force-directed layout using `d3.forceSimulation` with `forceManyBody`, `forceLink`, and `forceCenter` positions the nodes, while SVG circles, lines, and text labels render the structure. Node colors and sizes are assigned from a separate color module, and dragging is enabled via the D3 drag behavior.

PPrasanth Damarla
80% match
Loading thumbnail…

ICE8-Network Graph

This example shows a force-directed network graph of ten named individuals (Geethika, Karthik, Yogi, and others) with eleven connections rendered as green lines between yellow circular nodes. The graph uses `d3.forceSimulation` with `d3.forceLink`, `d3.forceManyBody`, and `d3.forceCenter` to position nodes, while SVG circles and lines are updated during each tick of the simulation. Node labels display names, positioned slightly offset from each circle. Data comes from a local `flare.json` file containing nodes and links arrays.

Ggeethikal
80% match
Loading thumbnail…

ICE 8 Network Graph

This example visualizes a hierarchical family tree as an interactive network graph, with a central parent node (Ramana) and its direct and indirect child nodes (Jaggu, Sonu, Anu, Vinay, and Jaggu’s children Usha and Vyshnavi). The visualization uses d3.forceSimulation to apply many-body repulsion, link forces, and centering forces, positioning nodes and connecting them with lines. Circles and labels are rendered via SVG, with node sizes and colors predefined in a palette. The simulation updates node positions on each tick, demonstrating a simple force-directed layout.

KK V VINITHA
80% 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
80% match