Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Social Network - ICE 8

Public visualization

Viewing a saved revision (read-only)

0b564a8d6f36488091632bb582f05ed2

Social Network - ICE 8

0 stars0🌍 Public
YYbg99
Last edited Apr 4, 2022
Created on Apr 4, 2022

This example visualizes a small social network of nine individuals, showing connections as links whose thickness encodes the weight of the relationship. The graph layout is computed by a force-directed algorithm (d3.layout.force), which positions nodes with charged particles and supports interactive dragging via force.drag. Nodes are rendered as gray circles with name labels, while links are drawn as gray lines (SVG line elements). Data comes from the graph.json file, defining node names, group assignments, and edge weights, with the simulation updating positions on each tick event. The visualization uses d3.json to load data and d3.select to append the SVG canvas.

AI-generated description