Heatmap de liquidez

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())

● 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: pushDepthSnapshot