Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Fork of Fork of Fork of Canvas Force Tutorial

Public visualization

Viewing a saved revision (read-only)

c147b5c66b5045e2bf959e1a4b3149de

Fork of Fork of Fork of Fork of Canvas Force Tutorial

0 stars0🌍 Public
YYUTONG FENG
Last edited Jun 17, 2021
Created on Jun 17, 2021

This visualization shows a Facebook friend network as a force-directed graph rendered on an HTML `<canvas>` element. The code loads edge data from a CSV file, builds nodes and links, and applies `d3.forceSimulation` with `forceX`, `forceY`, `forceCollide`, `forceManyBody`, and `forceLink` to position the network. Each tick redraws nodes as small circles and links as lines using Canvas 2D context methods, with a simple 700×500 layout and muted stroke styling.

AI-generated description