Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

webcola d3 test

Public visualization

Viewing a saved revision (read-only)

15992ecf3f3c4623af048ce16ae77d39

webcola d3 test

0 stars0🌍 Public
Tthomas-leitner
Last edited Oct 26, 2019
Created on Oct 25, 2019

This example uses WebCola to lay out a small directed graph with six labeled nodes and five links, rendering nodes as gray circles with text and links as strokes whose width corresponds to each link’s value. The WebCola `d3adaptor` integrates with d3.v5, applying constraint-based layout with symmetric link lengths and a `start(30)` call. The SVG updates on each `tick` event, while dragging nodes via `d3cola.drag` fixes them in place on click, animating positions in real time.

AI-generated description