Exeria Charts

Exeria Charts is split into two public packages. Start small. Add more surface area only when it helps.

• @efixdata/exeria-chart is the chart runtime. Use it when you want full control over the mount point, data lifecycle, and product chrome.
• @efixdata/exeria-chart-ui-react is the React toolbar and menu layer that sits on top of a chart instance.

Start with the core chart package

Most integrations should start with the core chart package first. It gives you the shortest path to proving:

• the chart mounts correctly in your app
• your candle and tick data are shaped correctly
• your interval and lifecycle flow are stable

Once the core chart is working, add the React UI wrapper if you want the prebuilt toolbar, indicator flow, and drawing controls.

What the first docs milestone covers

• minimal vanilla and React quickstarts
• the runtime lifecycle, data model, draw modes, and value-axis modes
• programmatic data loading, streaming updates, and drawing tools
• the typed ChartInstance contract plus advanced runtime notes for Chart
• theming and the built-in script system entry points
• licensing guidance for AGPL, commercial use, and Data Connectors

Help and search

• FAQ and troubleshooting — blank chart, live data, ChartUI layout, licensing
• Playground guide — experiment in the browser before you code (open Playground)
• API reference — curated guides plus a TypeScript-synced method list
• Use Search in the docs left sidebar (/docs/*) to find methods, tutorials, and guides

Suggested reading order

1. Open a live implementation from case studies, the Playground, or the Tutorials hub.
2. Read Vanilla quickstart or Vite + React to mount your first chart.
3. Follow Chart with your data or Connect with a Data Connector for market data (e.g. Binance, Bybit, OKX, Kraken, KuCoin, or CoinGecko).
4. Read Chart lifecycle and Data model before wiring production data.
5. Use Loading data and Realtime updates for reference behavior on streaming feeds.
6. Read React quickstart if you want the prebuilt UI wrapper — props reference: ChartUI.
7. Use Theming overview when you need runtime colors or UI chrome customization.
8. Review ChartInstance reference and Chart runtime access when you need exact API boundaries.
9. Use Choosing a package to decide how much UI you want to adopt.
10. Read Trade from chart when you wire broker orders, positions, and drag-to-modify flows.
11. Read Mobile and responsive when targeting phones or narrow embeds.
12. Review Licensing before planning a commercial rollout.