Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Untitled

Public visualization

Viewing a saved revision (read-only)

5aa54cefe5d042dda40130a086b045f9

Untitled

0 stars0🌍 Public
GGeorgeKoursaros
Last edited Aug 12, 2020
Created on Aug 12, 2020
Forked from React Starter

This visualization shows a dynamic force-directed layout of nodes and links, computed using D3’s `d3.forceSimulation`. The code renders the graph onto an HTML canvas, where each node’s position is updated each frame. It uses a predefined dataset with node labels and edge connections, and the simulation’s `tick` event redraws lines and circles based on current coordinates. The example highlights how D3’s force layout organizes connected data into a spatial network, with visual encoding limited to simple shapes and no interactive elements.

AI-generated description