Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Try the Split ups

Public visualization

Try the Split ups

0 stars0🌍 Public
Bbrett@cloudaccelerator.co
Last edited Mar 12, 2021
Created on Mar 11, 2021
Forked from Disconn Actual

This interactive graph visualizes the relationships between data entities in a process model, distinguishing entities, attributes, and relations through distinct node colors. Users can toggle several view options via buttons, including showing groups, constraints, shadows, and disconnecting attributes. Built with React and D3 v4, the visualization uses a force-directed graph layout with WebCola for constraint-based positioning, and renders the graph as animated SVG elements. The node and edge styling is dynamically loaded from a JSON color theme.

AI-generated description

A bare minimum HTML page.

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed