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

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

Comments

Sign in to join the discussion.

MIT Licensed