Visual Audit
The Visual Audit section provides an interactive price chart overlaid with your alert signals and broker fills. This visual representation makes it easy to identify execution issues and slippage patterns.
Chart Overview
Section titled “Chart Overview”The price chart displays:
- Candlestick data — Historical price action
- Alert markers — Your intended trade prices (triangles)
- Fill markers — Actual execution prices (circles)
- Drift lines — Visual connection showing slippage
Signal Markers
Section titled “Signal Markers”Alert Markers (Intent)
Section titled “Alert Markers (Intent)”| Marker | Meaning |
|---|---|
| 🔺 Green triangle up | Buy/long alert |
| 🔻 Red triangle down | Sell/short alert |
| Position | Placed at alert price |
These represent when and where your strategy intended to trade.
Fill Markers (Execution)
Section titled “Fill Markers (Execution)”| Marker | Meaning |
|---|---|
| 🟢 Green circle | Buy fill executed |
| 🔴 Red circle | Sell fill executed |
| Position | Placed at actual fill price |
These represent when and where your broker actually executed.
Drift Lines
Section titled “Drift Lines”Connecting lines between alert and fill markers visualize:
- Horizontal distance — Latency (time gap)
- Vertical distance — Slippage (price gap)
- Line color — Match quality (green=good, yellow=ok, red=poor)
Chart Controls
Section titled “Chart Controls”Timeframe Selection
Section titled “Timeframe Selection”Choose your candlestick resolution from the dropdown in the chart header:
| Timeframe | Best For |
|---|---|
| 1 Min | Precise latency analysis, scalping |
| 5 Min | Detailed day trading, quick entries |
| 10 Min | Standard intraday analysis |
| 15 Min | Intraday overview, swing trades |
| 30 Min | Medium-term patterns |
| 1 Hour | Multi-day patterns, position trading |
| 4 Hour | Swing trading, longer holds |
| 1 Day | Long-term execution trends |
How to change:
- Look for the “Timeframe” dropdown in the chart header
- Select your desired resolution
- Chart automatically updates with new candlestick data
- Setting is saved for your session
Layout Mode
Section titled “Layout Mode”The page supports two layout modes for different viewing preferences:
Two-Column Layout (Default)
Section titled “Two-Column Layout (Default)”Best for: Comprehensive analysis, large screens
Layout structure:
- Left column: Filters, settings, summary cards, comparison settings
- Right column: Portfolio history, trade summary
- Full width below: Price chart spans entire width
- Full width below: Comparison grid and analytics
Advantages:
- See more information simultaneously
- Efficient use of screen space
- Better for detailed analysis
Single-Column Layout
Section titled “Single-Column Layout”Best for: Focused review, mobile devices, step-by-step analysis
Layout structure:
- Stacked vertically: All components in one column
- Sequential flow: Review one section at a time
- Focused view: Less visual clutter
Advantages:
- Better for mobile/tablet viewing
- Easier to focus on specific metrics
- Simpler navigation
How to toggle:
- Click the Layout Mode button in the page header
- Toggles between single and two-column
- Setting is saved automatically
- Applies immediately to current view
Navigation
Section titled “Navigation”| Control | Action |
|---|---|
| Scroll wheel | Zoom in/out |
| Click + Drag | Pan through time |
| Double-click | Reset to default view |
Marker Tooltips Toggle
Section titled “Marker Tooltips Toggle”Enable or disable hover tooltips on chart markers using the “Tooltips” switch in the chart header.
When enabled:
- Hover over any marker to see details
- Tooltip shows:
- Timestamp — When alert/fill occurred
- Price — Intended (alert) and actual (fill) prices
- Latency — Time difference (if matched)
- Slippage — Price difference (if matched)
- Match status — Match quality indicator
- Trade details — Quantity, order type, etc.
When disabled:
- No tooltips appear on hover
- Faster chart interaction
- Less visual clutter
- Better for large datasets
Performance note: Disabling tooltips improves performance when viewing charts with 100+ markers.
How to toggle:
- Find the “Tooltips” switch in the chart header
- Toggle on/off as needed
- Setting is saved for your session
Visual Analysis Techniques
Section titled “Visual Analysis Techniques”Identifying Latency Patterns
Section titled “Identifying Latency Patterns”What to look for: Horizontal distance between alert and fill markers.
Patterns:
- Consistent small gaps — Normal network latency
- Occasional large gaps — System issues or market events
- Time-of-day correlation — Market open often shows higher latency
Identifying Slippage Patterns
Section titled “Identifying Slippage Patterns”What to look for: Vertical distance between alert and fill markers.
Patterns:
- Random small variance — Normal market noise
- Consistent direction — Systematic slippage (always worse)
- Spike correlation — Slippage during high volatility
Identifying Missed Fills
Section titled “Identifying Missed Fills”What to look for: Alert markers without nearby fill markers.
Investigation:
- Was the order submitted?
- Was it rejected?
- Did it timeout?
- Check Alpaca order history
Identifying Orphan Fills
Section titled “Identifying Orphan Fills”What to look for: Fill markers without corresponding alert markers.
Investigation:
- Was this a manual trade?
- Alert from different source?
- Duplicate execution?
Color Coding
Section titled “Color Coding”Match Quality Colors
Section titled “Match Quality Colors”| Color | Meaning | Latency | Slippage |
|---|---|---|---|
| 🟢 Green | Excellent | <500ms | <0.1% |
| 🟡 Yellow | Acceptable | 500ms-2s | 0.1-0.5% |
| 🔴 Red | Poor | >2s | >0.5% |
Candle Colors
Section titled “Candle Colors”| Color | Meaning |
|---|---|
| Green | Bullish (close > open) |
| Red | Bearish (close < open) |
Interactive Features
Section titled “Interactive Features”Click to Highlight
Section titled “Click to Highlight”Click any marker to:
- Highlight the corresponding row in the Comparison Grid
- Show detailed information panel
- Display the complete trade pair (entry + exit)
Zoom to Trade
Section titled “Zoom to Trade”Double-click a marker to:
- Center the view on that trade
- Zoom to appropriate level for detail
- Show surrounding context
Filter Sync
Section titled “Filter Sync”When you filter the Comparison Grid:
- Chart markers update to show only filtered trades
- “Show Only Problems” hides matched pairs
- Symbol filter updates chart data
Performance Considerations
Section titled “Performance Considerations”For charts with many signals (500+):
- Use larger timeframes — Fewer candles, faster rendering
- Disable tooltips — Reduces hover calculations
- Filter to problems — Show fewer markers
- Narrow date range — Less data to process
Data Sources
Section titled “Data Sources”| Data Type | Source | Update Frequency |
|---|---|---|
| Price data | Alpaca API | On load / refresh |
| Alert markers | Webhook database | Real-time |
| Fill markers | Alpaca trade history | On load / refresh |
Common Visual Issues
Section titled “Common Visual Issues”Markers Don’t Appear
Section titled “Markers Don’t Appear”Causes:
- Date range doesn’t contain trades
- Chart hasn’t finished loading
- Filter is hiding markers
Solutions:
- Adjust date range
- Wait for loading to complete
- Clear filters
Chart Shows No Data
Section titled “Chart Shows No Data”Causes:
- Symbol not found in market data
- Weekend/holiday (no trading data)
- Network connectivity issue
Solutions:
- Verify symbol spelling
- Choose trading days
- Check internet connection
Markers Appear Misaligned
Section titled “Markers Appear Misaligned”Causes:
- Timezone differences
- Candlestick timeframe too large
- Data synchronization delay
Solutions:
- Verify timezone settings
- Use smaller timeframe
- Refresh the page
Related Sections
Section titled “Related Sections”- Scope & Matching — Configuration
- Live Monitoring — Real-time updates
- Metrics & Analysis — Numerical analysis