ICE-8 Network Sanjana

100%

ICE-8 Network Sanjana

✓ Published2🌍 Public

Last edited Apr 11, 2026

Created on Apr 11, 2026

This example visualizes the singing industry as a force-directed network, showing relationships among artists like Taylor Swift, producers, and platforms such as Spotify. The nodes are colored by entity type. Using d3.forceSimulation, the layout computes positions based on link forces, charge repulsion, and centering. The code renders SVG circles and lines, with drag support via d3.drag to manually reposition nodes. Labels are added to each node for identification.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

ICE-8 Tree Sanjana

This tree diagram maps the structure of the music industry, branching from the root into genres like Pop, Rock, and Classical, and then down to specific artists such as Taylor Swift and Coldplay. It uses d3.hierarchy to build the tree, and both d3.tree and d3.linkVertical to calculate the layout and draw the connecting paths. The SVG rendering distinguishes nodes by depth, using rectangles for the root, and circles of varying sizes for genre and artist levels.

Mmynedisanjana@gmail.com

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

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

76% match

Loading thumbnail…

ICE8 - Network Graph

The visualization shows a force-directed network graph of celebrity friendships, with each node representing a person and links indicating connections. The graph uses `d3.forceSimulation` with `forceLink`, `forceManyBody`, `forceCollide`, and `forceCenter` to position nodes dynamically. Node and link data come from `data.json`, which is loaded with `d3.json()`. Links display arrows via SVG markers, and nodes are draggable circles with white text labels. The layout is rendered in SVG with fixed dimensions of 1100 by 800 pixels.

Kkuraakhila9@gmail.com

76% match

Loading thumbnail…

ICE - Eight 2B - Social Network

This visualization shows a social network of 16 named individuals connected by 19 relationships, rendered as an interactive force-directed graph on an SVG canvas. The code uses d3.forceSimulation with forceLink and forceManyBody to position nodes and links, while d3.select appends circle nodes and line links. The network is laid out dynamically as the simulation runs, with node labels displayed in purple. The rendering approach is purely SVG with HTML and CSS styling on a lavenderblush background, driven by D3 v6.

CChi Aghaizu

75% match

Loading thumbnail…

ICE8 - Social Network

This example visualizes a social network as an interactive node-link diagram, showing friendships between ten people with each person represented as a labeled circle. The layout is computed using d3.forceSimulation with forceLink, forceManyBody, forceCollide, and forceCenter, rendering as SVG. Data comes from a local JSON file. Links are drawn as blue lines with arrowheads, nodes are draggable via d3.drag, and hovering highlights nodes with a thicker stroke.

SSatyaVineeth

75% match

Loading thumbnail…

ICE - 8 Social Network

This example shows a force-directed social network graph of people and films, with colored nodes representing different groups and links labeled by relationship types such as "Acted in" and "Directed." The visualization uses `d3.forceSimulation` with `forceLink`, `forceManyBody`, and `forceCollide` to position nodes, while nodes are rendered as SVG circles with text labels. Drag interactions are enabled via `d3.drag` to reposition nodes, and hover highlighting is applied through CSS classes. The data comes from a local JSON file with explicit source and target node references.

PPrasanth Damarla

75% match

Loading thumbnail…

ICE 8 - Social Network

This interactive force-directed network diagram visualizes the relationships within a social network dataset loaded from a GitHub gist. Red circles represent individual nodes, with dashed gray lines indicating links between them, and each node is labeled with its corresponding name. The layout is computed dynamically using D3.js (v6) APIs, specifically `d3.forceSimulation` with `d3.forceLink`, `d3.forceManyBody` for repulsion, and `d3.forceCenter` to attract nodes toward the center. The SVG rendering updates node, link, and label positions at each simulation step.

DDaniel Mata

75% match