Falcon Visualizer
Falcon-Visualizer provides a space-time diagram of a distributed system's execution with the goal of easing the analysis of runtime behavior. The diagram organizes the events executed into per-process timelines and also depicts the inter-process causal relationships.
Falcon-Visualizer is built on top of vuejs.
A color-based scheme is used to visually pinpoint I/O events handling near-similar data. Namely, with the similarity information found by the CaSolver component, the Falcon-Visualizer represents similar events with the same color.
# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run dev
# (alternative) build for production with minification
npm run build- After the server starts, the browser should automatically open at
http://localhost:8080. - Click the button Choose File and select the event trace generated by CASolver.
- Click the button Tick to start drawing the diagram. By systematically clicking the button (or pressing the space bar), new logical timestamps will appear on the left side of the screen and the events occurring at those timestamps will be drawn along with their causal dependencies. Alternatively, click the button End to draw the full diagram at once.
- The slider allows for selecting the desired similarity threshold. Only events with a similarity index greater than the selected threshold will be colored with the same color. Events with a lower similarity degree will be colored as black.
- After the diagram has been completely drawn, it is possible to select an event (circle) or relationship (line linking two events) to see additional information.
A Storage-based representation, focusing only on disk events, can be accessed at http://localhost:8080/storage.html.
On folder input_examples are some examples of files that can be passed as input to the Falcon-Visualizer.