Collapsed Combination 2
✓ Published1🌍 Public
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.
MIT Licensed