Order Book Widget

The Order Book shows real-time bid/ask depth. It's rendered on an HTML5 canvas for smooth updates at high message rates, and works across all connected exchanges.

Features

• Real-time depth — a REST snapshot then live WebSocket updates (REST polling fallback if the stream drops)
• Canvas rendering — stays smooth even at 10+ updates/second
• Cumulative depth bars — inverted-pyramid bars behind each row show cumulative liquidity toward the spread
• Tick-size aggregation — scroll to group price levels coarser/finer
• USD / coin toggle — click the header to switch size units
• Mid-price row — center row shows the mid price, optionally with the spread

Layout

Asks are drawn on top (red, lowest ask nearest the center), bids below (green, highest bid nearest the center). The center row shows the mid price.

Columns

Click the header row to toggle Size/Total between the base coin and USD.

Tick-Size Aggregation

Scroll the wheel over the book to change how price levels are grouped:

• Scroll up — finer (toward the native tick)
• Scroll down — coarser

Steps follow a 1-2-5 scale up to ~2% of price. The current tick size is shown on the right of the mid-price row.

Mid-Price and Spread

The center row always shows the mid price. Enable Show Spread Info in settings to add the spread in absolute and percentage terms beneath it.

Settings

Open the settings (gear) icon in the widget header:

• Show Spread Info — show/hide the spread under the mid price
• Price Filter (Regex) — filter visible price levels by a regex pattern

Symbol Selection

The book follows the widget's symbol (or the global active symbol). Clicking the canvas sets it as the active symbol.

Reading the Book

• Large bid walls (green) may act as support; large ask walls (red) as resistance
• Tight spreads indicate deep liquidity; wide spreads indicate thin or volatile markets
• Watch for walls appearing/disappearing as a sign of algorithmic activity