User Guide

This is an annotated screenshot of a basic Llama Logs graph.

Below we will describe each part of the graph.

A - Component Tile

- This represents a logical component from your Llama Logs calls in the client.

- So when the .log({sender: "Component1", receiver: "Component2"}) method is called, the sender and receiver will automatically be turned into tiles.

- The tiles can be repositioned by dragging with your mouse. Your layout is automatically saved each time you move a tile.

B - Llama Logs

- The Llama Logs circles represent each time a log event occurs in the client.

- The graph would be unreadable if we showed a log for 1000's of events, so different shapes and sizes represent different counts of grouped logs.

- Only the highest value shapes appear in full brightness. Smaller logs are shown slightly opaque to not distract from the most significant ones.

- Logs can be hovered for more information including the attached messages.

C - Menu

- The menu can be opened by clicking the arrow.

- The submenus are Time, Selected, Graph Options, and Notes

- Time Menu lets you change the period that the graph visualizes.

- Selected Menu lets you see details about a components logs and change the icon.

- Graph Options Menu lets you show/hide components and add/remove them from the graph.

- Notes Menu lets you attach short text notes to a component.

D - Key

- The key shows how many events each Llama Log shape represents.

- The key can be hidden and recalled by clicking the X icon.

E - Info Row

- The info row shows the graph name and the period that is currently visualized.

- The pause button is also available for when you want to hover on individual logs.