AAPL$194.20+2.40 (+1.25%)MSFT$412.50+4.62 (+1.13%)GOOGL$174.80-1.24 (-0.70%)AMZN$186.40+3.18 (+1.74%)NVDA$878.40+12.60 (+1.46%)META$502.30-2.10 (-0.42%)TSLA$248.60+5.80 (+2.39%)JPM$198.20+1.40 (+0.71%)V$282.10-0.90 (-0.32%)BRK.B$412.80+2.20 (+0.54%)AAPL$194.20+2.40 (+1.25%)MSFT$412.50+4.62 (+1.13%)GOOGL$174.80-1.24 (-0.70%)AMZN$186.40+3.18 (+1.74%)NVDA$878.40+12.60 (+1.46%)META$502.30-2.10 (-0.42%)TSLA$248.60+5.80 (+2.39%)JPM$198.20+1.40 (+0.71%)V$282.10-0.90 (-0.32%)BRK.B$412.80+2.20 (+0.54%)

Examples/Stock Trading Dashboard

AAPL Apple Inc.

LIVE

NASDAQ

AAPL+2.40 (+1.29%)

$194.20

Volume+18% avg

39.9M

Day RangeSpread: $2.12

$185 - $187

Market Cap+1.2%

$3.01T

15.5B shares outstanding

AAPL - Daily|CandlestickTick #0

1D1W1M3M1Y

Volume39.9M shares

Kagi Reversal

Moving AveragesSMA 10EMA 10

OHLC DataLast 10 sessions

Date	Open	High	Low	Close	Vol	Chg
02/16	183.35	183.42	182.80	182.88	79.3M	-0.47
02/17	182.88	183.69	182.79	183.51	27.9M	+0.63
02/18	183.51	184.15	183.48	183.92	34.7M	+0.41
02/19	183.92	184.22	183.13	183.33	36.6M	-0.59
02/20	183.33	184.74	182.15	184.65	43.0M	+1.32
02/23	184.65	184.77	184.64	184.71	64.6M	+0.06
02/24	184.71	184.91	184.24	184.39	27.9M	-0.32
02/25	184.39	186.24	183.74	185.49	61.3M	+1.10
02/26	185.49	185.52	185.36	185.42	30.3M	-0.07
02/27	185.42	187.19	185.07	186.33	39.9M	+0.91

Key MetricsAAPL

52-Week High$204.20

52-Week Low$142.80

P/E Ratio31.2x

EPS (TTM)$6.23

Div Yield0.52%

Beta1.24

Avg Volume44.2M

Shares Out15.5B

Build this dashboard

@chartts/core

This demo uses live-updating candlestick, volume, kagi, and line charts with crosshair, zoom/pan, and sparkline KPIs. Data updates every 2 seconds via simulated price ticks.

trading-terminal.ts

import { createChart, candlestickChartType, volumeChartType, lineChartType } from "@chartts/core"

// Candlestick chart with live updates
const candle = createChart("#candle", candlestickChartType, ohlcData, {
  theme: "dark",
  tooltip: { enabled: true },
  crosshair: { mode: "both" },
  zoom: true,
  pan: true,
})

// Volume bars synced below
const volume = createChart("#volume", volumeChartType, volumeData, {
  theme: "dark",
  tooltip: { enabled: true },
})

// Moving averages overlay
const ma = createChart("#ma", lineChartType, maData, {
  theme: "dark",
  crosshair: { mode: "vertical" },
})

// Simulate live price feed
setInterval(() => {
  const tick = generateTick(lastPrice)
  appendCandle(ohlcData, tick)
  candle.setData(ohlcData)
  volume.setData(volumeData)
}, 2000)

← All examples