Profundidade do livro de ofertas

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

● Dados de mercado simulados, gerados no seu navegador

Veja o livro, não só o último preço: profundidade, um heatmap de liquidez na GPU, um book em escada com clique para operar e perfil de volume.

API: DepthChart