Playground

Spin up an editable sandbox in StackBlitz with the ChartWidget already wired to live Binance data.

More examples

What's inside

A minimal Vite + TypeScript project with one file — src/main.ts — that mounts ChartWidget and connects a BinanceAdapter.

import { ChartWidget } from '@tradecanvas/chart/widget'
import { BinanceAdapter } from '@tradecanvas/chart'

new ChartWidget(document.getElementById('chart')!, {
  symbol: 'BTCUSDT',
  timeframe: '5m',
  theme: 'dark',
  adapter: new BinanceAdapter(),
  trading: true,
})