Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of HTML Starter

Public visualization

Viewing a saved revision (read-only)

7afc12428b534436ab46f83249d03600

Fork of HTML Starter

0 stars1🌍 Public
Ddragan.gorgiev@gmail.com
Last edited May 6, 2024
Created on May 6, 2024
Forked from HTML Starter

This example shows a tiny force-directed graph with three nodes (Alice, Bob, Carol) and two directed links, animated as the nodes repel and attract each other within an SVG canvas. The simulation uses D3's `forceSimulation`, `forceManyBody`, `forceLink`, and `forceCenter` APIs to calculate positions each tick. Avatar circles and connecting lines are rendered as SVG elements, with coordinates updated directly from the simulation's `tick` event.

AI-generated description