# Livo Charts (@livo-build/charts)

> A lightweight, dependency-free canvas charting library: candlesticks/line, volume,
> indicators (SMA/EMA/WMA/VWAP/Bollinger), RSI/MACD sub-panes, drawing tools, log scale,
> themes, and a turnkey live Hyperliquid feed. Framework-agnostic core + optional React wrapper.

Install: npm i @livo-build/charts
React entry: @livo-build/charts/react

## Docs
- [Full reference](https://charts.livo.build/llms-full.txt): every feature, prop and helper (the README).
- [README](https://charts.livo.build/README.md): same content as markdown.
- [Live examples](https://charts.livo.build/#examples): interactive demos with copy-paste code.

## Quick start (React)
import { PriceChart } from "@livo-build/charts/react";
<PriceChart swaps={trades} symbol="WETH" quote="USDC" height={420} />
// swaps: [{ t: unixSeconds, p: priceUsd, v: usdVolume }, …] — aggregated into candles client-side.

## Live market data (no API key)
import { HyperliquidChart } from "@livo-build/charts/react";
<HyperliquidChart coin="BTC" interval="15m" indicators={[{ type: "ema", period: 21 }]} />

## Add indicators / oscillators / drawings
<PriceChart
  swaps={trades}
  indicators={[{ type: "ema", period: 21 }]}
  oscillators={[{ type: "rsi", period: 14 }, { type: "macd" }]}
  onDrawingsChange={(d) => save(d)}
/>

## Vanilla core (no React)
import { Chart, buildOHLC } from "@livo-build/charts";
const chart = new Chart(el, { height: 420 });
chart.setInterval(300).setCandles(buildOHLC(trades, 300));