🌍 Public
Viewing a saved revision (read-only)
1d0536df9eb741099a0feddf2e79f819
Trial WebCola with G!
This example demonstrates an interactive graph visualization using WebCola for constraint-based layout and D3 v4 for rendering, with React as the framework. It displays a network of entities, attributes, and relations as rounded rectangles and circles, color-coded by type, with SVG text labels for node names and IDs. The force-directed layout is managed by `cola.d3adaptor`, while `d3.zoom` enables pan and zoom, and `cola.drag` supports node manipulation. Data is loaded from a local JSON file, rendering as an SVG with styling applied through CSS classes.
AI-generated descriptionA bare minimum HTML page.
See also React Starter.