Skip to main content
100%

Group Select

✓ Published0🌍 Public
Bbrett@cloudaccelerator.co
Last edited Feb 3, 2021
Created on Feb 2, 2021

This interactive visualization demonstrates four different approaches to grouping elements within a network graph, using a dataset of events with attributes like eventName, index, and traceId. Users toggle between group types via radio buttons, which triggers D3.js functions to rebuild the visualization and display a text label for the selected grouping. The code leverages D3 v4 and the WebCola layout library (accessed as `cola.min.js`) to manage the graph structure, while the interaction relies on D3’s `json()` method to load the graph data and event handlers to respond to user input. The current implementation primarily updates text labels and a dropdown menu, with the actual graph rendering handled by the underlying libraries.

AI-generated description

A bare minimum HTML page.

See also React Starter.

MIT Licensed

Similar vizzes