Embeddable charts
Drop a live TradingView-style chart into any page with one iframe.
Every indexed mint has a self-contained, themeable candlestick chart at /chart/<MINT> — full reconciled history plus live updates over the same WebSocket the API exposes. No charting code, no API key: just an iframe.
<!-- one line, responsive --> <iframe src="https://www.quanaris.com/chart/<MINT>?interval=1m" style="width:100%;height:480px;border:0;border-radius:12px" loading="lazy"></iframe>
Open any chart and click </> Embed to copy this snippet with the token, interval, theme and accent pre-filled.
Parameters
All options are query-string parameters on /chart/<MINT>.
| Param | Values | Default | What it does |
|---|---|---|---|
| interval | 1s · 5s · 15s · 30s · 1m · 5m · 15m · 1h · 4h · 1d | 1m | Candle timeframe. Scroll left to page through the full reconciled history at any timeframe. |
| network | mainnet · devnet | mainnet | Which network to chart. |
| theme | dark · light | dark | Colour scheme — match your app. |
| accent | hex colour (e.g. 5b7cfa) | brand cobalt | Accent for the crosshair, active timeframe and progress bar. URL-encode a leading # as %23, or just omit it. |
| embed | 1 | — | “Bare” card mode: hides the identity header + stat strip. Omit it for the full standalone view. |
Full view vs embed
/chart/<MINT> (no embed) is the full view: token identity, a live stat strip, the timeframe toolbar, market-cap / log toggles, a fullscreen button, and scroll-back through the entire reconciled history. It's a shareable, standalone page. Add ?embed=1 for the compact card (chart + price only), ideal inside a dashboard tile.
Responsive sizing
The chart fills its container, so size the iframe with CSS. For a fluid 16:9 box:
<!-- fluid aspect-ratio wrapper --> <div style="position:relative;width:100%;aspect-ratio:16/9"> <iframe src="https://www.quanaris.com/chart/<MINT>?interval=15m&theme=light&accent=%23ff5c00" style="position:absolute;inset:0;width:100%;height:100%;border:0" allowfullscreen loading="lazy"></iframe> </div>
Add allowfullscreen so the chart's fullscreen button works from inside your frame. The chart is cross-origin friendly (it sets no X-Frame-Options / frame-ancestors), so it embeds on any domain.
Live updates & indexing
Charts stream live candles + trades over wss://www.quanaris.com/ws automatically — no setup. A freshly-subscribed mint shows live indexing progress until its backfill lands, then fills in. To consume the same stream yourself, see WebSocket.