Order-book depth

Code

Read the docs →

import { DepthChart } from '@tradecanvas/chart'

const depth = new DepthChart(el, {
  data: book,          // { bids: [{ price, size }], asks: [...] }
  midPriceLine: true,
  spreadLabel: true,
  theme: 'dark',
})
depth.update(nextBook)   // on every change of the 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: DepthChart