Developer APIWidget embed

Embeddable mini-chart

Add a live SVG candlestick mini-chart to any site. Embeds are served from the API host (https://candlescript.io/api) and do not require an API key.

Widget configurator

The live preview uses your API host. Public mini-chart embeds do not require an API key.

Loading preview…
html
<iframe
  src="https://candlescript.io/api/widgets/mini-chart?symbol=NASDAQ%3AAAPL&theme=dark&resolution=1D"
  title="NASDAQ:AAPL chart"
  width="100%"
  height="320"
  loading="lazy"
  style="border:0;border-radius:12px;overflow:hidden"
></iframe>

Quick embed

Use query parameters for the fastest integration; no saved configuration is required.

html
<iframe
  src="https://candlescript.io/api/widgets/mini-chart?symbol=NASDAQ%3AAAPL&theme=dark&resolution=1D"
  title="AAPL chart"
  width="100%"
  height="320"
  loading="lazy"
  style="border:0;border-radius:12px;overflow:hidden"
></iframe>

Saved widget configurations

Persist branding and defaults by creating a widget through the authenticated widgets API.

html
<!-- 1. Create a widget config (session auth) -->
POST https://candlescript.io/api/v1/widgets
{ "id": "my-aapl", "symbolId": "NASDAQ:AAPL", "theme": "dark", "resolution": "1D" }

<!-- 2. Embed the returned path -->
<iframe src="https://candlescript.io/api/widgets/my-aapl" width="100%" height="320"></iframe>

Query parameters

ParameterValues
symbolResolvable symbol identifier, for example NASDAQ:AAPL.
themedark or light.
resolution1m, 5m, 15m, 1h, 1D, 1W.

Need raw OHLCV instead? See the REST API or the datafeed adapter guide.

Embeddable mini-chart