Глубина стакана

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

● Смоделированные рыночные данные, созданные в вашем браузере

Смотрите на стакан, а не только на последнюю цену: глубина, тепловая карта ликвидности на GPU, стакан с торговлей в один клик и профиль объёма.

API: DepthChart