Depth-of-market ladder
Code
Read the docs →import { ChartWidget } from '@tradecanvas/chart/widget'
// feed: your DataAdapter (a WebSocketAdapter, or your own class)
const widget = new ChartWidget(document.getElementById('chart')!, {
symbol: 'AAPL',
timeframe: '5m',
theme: 'dark',
adapter: feed,
trading: true,
depthLadder: true, // the order book as a click-to-trade ladder
})
// Hand it the book whenever it changes: { bids: [{ price, size }], asks: [...] }
widget.setDepth(book)● Simulated market data, generated in your browser
See the book, not only the last price: depth, a liquidity heatmap on the GPU, a click-to-trade ladder and volume profile.
API: WidgetDepthLadder

