Free to use. Embed advanced financial charts with the ChartSpire SDK — self-hosted, with your own market data.
npm install @chartspire/uiAdd @chartspire/ui from npm. One package, JS + CSS.
Implement a custom DataFeed, or use the built-in default and Binance feeds.
Deploy on your stack.
import { ChartSpire, SYMBOL_TYPE } from '@chartspire/ui'
import DefaultDataFeed from '@chartspire/ui/datafeeds/default'
import '@chartspire/ui/style.css'
const chart = new ChartSpire({
container: document.getElementById('chart-container'),
enabledSymbolTypes: [SYMBOL_TYPE.CRYPTO],
symbol: { symbol: 'BTCUSDT', type: SYMBOL_TYPE.CRYPTO },
interval: { multiplier: 1, timespan: 'day', text: '1D' },
theme: 'Dark Theme',
dataFeed: new DefaultDataFeed({
http: { baseUrl: 'https://api.example.com', endpoints: { /* your endpoints */ } },
}),
})See Getting Started for CDN usage, backend wiring, and full options.
Workspace
Run up to 16 charts in one layout. Crosshairs, symbols, intervals, time ranges, and drawings stay aligned as you move between charts.
Data
Crypto, stocks, forex, futures — implement the DataFeed interface and the workspace runs on your data.
Analysis
80+ indicators with drawing tools, Fibonacci, Gann, and risk/reward overlays — plus custom indicator registration.
Charts
Solid and hollow candles, OHLC bars, line, area, Heikin-Ashi, and Renko — switch via UI or API.
Configuration
Shape the workspace to your product — themes, styles, menus, layouts, localization, feature flags, and persisted state — all wired through options and APIs, not forks.
Also included