React Financial Charts

import { CandlestickChart } from "@chartts/react"

export function TradingView() {
  return (
    <div className="rounded-xl card p-4">
      <CandlestickChart
        data={ohlcData}
        x="date"
        open="open"
        high="high"
        low="low"
        close="close"
        volume="volume"
        overlays={[
          { type: "sma", period: 20 },
          { type: "ema", period: 50 },
          { type: "bollinger", period: 20 },
        ]}
        className="h-96"
        upClassName="fill-emerald-500"
        downClassName="fill-red-500"
      />
    </div>
  )
}