🌍 Public
Viewing a saved revision (read-only)
04484ed4672645f1b0400baa36868e40
Collapsed Combination 2
This example shows a graph visualization where nodes represent entities and attributes, and groups represent collapsed trace records, each with a distinct color palette. The visualization uses a force-directed layout to position the elements, with rectangular groups and nodes rendered as SVG elements. The code loads data from `graph.json` and `colors.json`, and uses the WebCoLA library via `cola.d3adaptor(d3)` to handle the layout with grouping, link lengths, and overlap avoidance. Dynamic colors are applied to nodes and groups based on the loaded color schemes, and the whole visualization is zoomable.
AI-generated descriptionA bare minimum HTML page.
See also React Starter.