Skip to main content
100%

Collapsed Combination 2

✓ Published1🌍 Public
Bbrett@cloudaccelerator.co
Last edited Apr 11, 2021
Created on Apr 10, 2021
Forked from 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 description

A bare minimum HTML page.

See also React Starter.

MIT Licensed

Similar vizzes