Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Unconstrained WebCola!

Public visualization

Unconstrained WebCola!

0 stars1🌍 Public
Bbrett@cloudaccelerator.co
Last edited Nov 21, 2020
Created on Nov 4, 2020

This example uses WebCola’s constraint-based layout to render a graph of entity, attribute, and relation nodes from a JSON dataset, with SVG rectangles and text labels colored by type. The code leverages the `cola.d3adaptor` with `symmetricDiffLinkLengths` and `start` to drive the force-directed simulation, while node dimensions adapt to label bounding boxes via `getBBox()`. Rendering is handled through D3 v4 selections, with zoom and drag interactions enabled.

AI-generated description

A bare minimum HTML page.

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed