{"version":"1.0","type":"rich","title":"Group Select","description":"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.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/f894acce8e9446308ad10108846c2e3b?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}