Skip to main content

Widgets

iC Candle publishes chart overlays for the TradingView Charting Library, plus a hosted iframe embed for partners who build their own chart UI.

Architecture​

There are 3 ways to use iC Candle on your chart — React widget, Vue widget, or build your own widget. All three load the hosted Iframe Embed at https://embed-iccandle-app.iccandle.ai/{locale}.

iC Candle widget integration architecture

PackageVersionStatusPurpose
VueJS Widget0.2.0AvailableVue 3 overlay — scanner, results iframe, pattern tracker, news sync
ReactJS Widget0.2.21AvailableAll-in-one chart overlay — scanner, results iframe, pattern tracker, news sync
Build your own—AvailableHosted URL + search params + postMessage
Seamless user authentication—AvailableCorporate API to create and authenticate your own users, and grant plans

React and Vue packages:

  • Ship as ESM and CommonJS with styles bundled and injected at runtime (no separate CSS import).
  • Require a TradingView Charting Library build served as static assets (not included in the npm packages).
  • Authenticate via the embedded results app (iccandle_token).

The iframe embed is a separate hosted app (embed-iccandle-app.iccandle.ai). You do not install an npm package; you load the URL, pass query params, and handle messages yourself.

Prerequisites​

  1. For React / Vue widgets: obtain and host the TradingView Charting Library (for example under /charting_library/ in your public folder).
  2. For ReactJS Widget, install React 18+ (react, react-dom peer dependencies).
  3. For VueJS Widget, install Vue 3.5+ (vue peer dependency).
  4. For Build your own: a page that can host an iframe and (for scans) call cacheCandle with a Bearer token from sign-in.

Get started​