Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Group Select

Public visualization

Viewing a saved revision (read-only)

4d1de655f0654b728069ac2a89c532c0

Group Select

0 stars0🌍 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.