Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Fork of WebCola Small Groups!

Public visualization

Viewing a saved revision (read-only)

c6bf3009711548c897aee5268946cc47

Fork of Fork of WebCola Small Groups!

0 stars0🌍 Public
SShivam Singh
Last edited Aug 1, 2022
Created on Aug 1, 2022

This example demonstrates an interactive force-directed graph layout using WebCola, with seven labeled nodes and eight links arranged into small groups. The visualization supports drag-and-drop node manipulation, where dragged nodes become fixed in place and can be released by double-clicking. Built with React and D3 v4, the code renders SVG rectangles for nodes and lines for links, with WebCola's `cola.d3adaptor` handling the layout algorithm, collision avoidance, and link distance constraints. The graph data comes from a JSON file loaded via `d3.json`.

AI-generated description

A bare minimum WebCola page.

See also React Starter.