Skip to main content
100%

Event Sequences

✓ Published1🌍 Public
Ffloresh
Last edited Feb 5, 2019
Created on Oct 10, 2018
Forked from Horizontal Tree

This visualization displays event sequences as linear streams of small squares, where each sequence represents a path of GUI widget interactions from a root window to a nested element. Clicking a square highlights its entire sequence with a yellow overlay and lists the widget IDs as breadcrumb text below. The tool filters sequences by executable path via a dropdown menu. It uses D3 v5 to load JSON data, build a hierarchical tree from each sequence, and render SVG rectangles for each widget, with click handlers triggering the selection and highlighting logic.

AI-generated description

Each row represents a sequence of GUI widgets from the root widget to the inner-most child widget. Clicking on a node will highlight the event sequence it belongs to and popup a description of the sequence (IDs starting from root to child nodes). Future versions will need a more diverse dataset and scrolling to allow for hundreds of sequences.

MIT Licensed

Similar vizzes