Тепловая карта ликвидности

import { Chart } from '@tradecanvas/chart'

const chart = new Chart(el, { theme: 'dark', renderer: 'webgl' })
chart.setData(bars)
chart.setDepthHeatmapVisible(true)
// Each order-book snapshot becomes a column of the heatmap behind the price
chart.pushDepthSnapshot(book, Date.now())

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

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

API: pushDepthSnapshot