Built for trading screens and price boards.

import { Chart } from '@tradecanvas/chart'

const chart = new Chart(el, { theme: 'dark' })
chart.setData(bars)
chart.addIndicator('ema', { period: 21 })

import { TradeCanvas } from '@tradecanvas/react'

<TradeCanvas data={bars} theme="dark"
  indicators={[{ id: 'ema', params: { period: 21 } }]} />

<script setup>
import { TradeCanvas } from '@tradecanvas/vue'
</script>

<TradeCanvas :data="bars" theme="dark" />

<script>
  import { TradeCanvas } from '@tradecanvas/svelte'
</script>

<TradeCanvas data={bars} theme="dark" />