Skip to main content
SimilarExport ZIP
100%

ICE-8_Network

✓ Published1🌍 Public
HHARISH ARMUGAM
Last edited Nov 2, 2025
Created on Nov 2, 2025
Forked from Network

This network graph visualizes the world’s tallest statues, organized hierarchically into country, state, and statue nodes. Users can drag nodes to explore connections between a root "World" node and leaf entries like the Statue of Unity or Christ the Redeemer. Built with D3 v7, it uses `d3.forceSimulation` to position SVG elements, with ordinal color scaling assigning distinct hues by hierarchy level.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

ICE 8 networks

This interactive network visualization shows hierarchical relationships between the world, continents, and countries. Nodes are categorized by shape and color: blue rectangles for World, purple circles for Continents, and green ovals for Countries. Using D3 v7, the example employs `d3.forceSimulation` with `forceLink` and `forceManyBody` to position nodes, while manually appended SVG shapes (rect, circle, ellipse) and text labels render each node. The tick event updates link coordinates and node transforms dynamically, creating a force-directed graph of six nodes and five links from simple, inline data.

Aadithiarikatla@gmail.com
77% match
Loading thumbnail…

ICE 8 NETWORKS

A force-directed network diagram shows a hierarchical dataset of continents and countries, with a root node for "World" linked to Asia and Europe, which further connect to India, Japan, and Germany. Each node type is rendered as a distinct SVG shape: a blue rectangle for the root, purple circles for continents, and green ellipses for countries. The layout is computed using d3.forceSimulation with forceLink and forceManyBody, while positioned nodes and links are updated on each simulation tick.

Aadithiarikatla@gmail.com
75% match
Loading thumbnail…

ICE -8 Network Graph

This network graph visualizes city connections loaded from a CSV file, with each node representing a city and edges drawn as links between connected cities. Using D3.js v7, the example employs `d3.forceSimulation` with `d3.forceLink`, `d3.forceManyBody`, and `d3.forceCenter` to calculate node positions and render them as SVG circles with a `d3.scaleOrdinal` color palette. Nodes are draggable via D3’s drag behavior, and a hover tooltip shows each city’s name.

Cchalasanigayaetiri@gmail.com
73% match
Loading thumbnail…

ICE - 8 Network Map

This interactive network map, titled "ICE - 8 Network Map," visualizes the relationships between eight individuals, where nodes are sized and colored by group and links show weighted connections. The force-directed layout, implemented with the legacy `d3.layout.force` API, applies gravity and charge to position nodes, while the SVG rendering uses circles for nodes, text labels for names, and lines for edges with stroke-width proportional to link weight. The graph loads its structure from `data.json` and allows users to click and drag nodes to explore the topology.

BBaswa Sathvika Reddy
73% match
Loading thumbnail…

ICE 8 tree

This compact world tree uses a hierarchical layout to visualize a small dataset of continents and countries. The root node represents the World, with continents as blue circles and countries as green ellipses. Implemented with D3.js v7, it uses `d3.hierarchy` and `d3.tree` to compute node positions, with `d3.linkVertical` drawing the connecting links. The SVG is styled via CSS variables, and node shapes vary by type, while labels are added as text elements.

Aadithiarikatla@gmail.com
73% match
Loading thumbnail…

ICE-8: Tree

A hierarchical tree diagram displays world landmarks grouped by country and continent, using SVG circles and maroon links. The visualization animates connections and node appearances through D3 v6 transitions, with text labels revealing each location’s name. The data, hardcoded in the script, is processed using `d3.stratify()` and laid out with `d3.tree()`, while the React framework handles rendering. Circle styling and centered page alignment are defined in CSS.

SSaiSree0122
73% match
Loading thumbnail…

ICE8 network graph

This network graph visualizes the relationships between seven named nodes (A through G) grouped into four categories, with links weighted by values like 2 and 3. The graph is rendered as an SVG using D3.js v4, where each node is a draggable orange circle with a text label. The force-directed layout is driven by D3’s `d3.layout.force` API, which applies gravity, charge, and distance parameters to position nodes. Link thickness is derived from the square root of each link’s weight, and the graph data is loaded from a local JSON file.

Ggayathri
73% match
Loading thumbnail…

ICE8-network graph

This network graph visualizes an electricity infrastructure system, showing power plants, substations, and distribution centers as colored nodes with links labeled by capacity in megawatts. The D3.js visualization uses `d3.forceSimulation` with `forceLink`, `forceManyBody`, and `forceCenter` to position connected elements, while nodes are colored by group type. The SVG renders straight lines for connections, rotated text labels for capacities, and node labels that display on mouseover. The underlying `data.json` supplies the node and link data with capacity values.

Ppilliprathimarani@my.unt.edu
73% match