User Guide
This guide will help highlight some of the features in your Llama Logs graph.
Overview

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.