The Fastest Charting Library
for Trading Platforms.
GPU-accelerated charts built for crypto exchanges, trading desks, and fintech products. Render 100,000+ candles at 60fps. Zero dependencies. One SDK.
Engineered for the platforms that move markets.
Trusted by
One library. Every chart your platform needs.
diCharts is a purpose-built charting SDK for financial applications. From real-time candlestick charts that update on every tick to portfolio dashboards and order book visualisations, diCharts replaces a patchwork of charting dependencies with a single, high-performance package.
Built from the ground up with WebGPU, diCharts renders directly on the GPU. That means your charts stay fast even when your users zoom out to view years of historical data or stream hundreds of instruments simultaneously.
No iframes. No third-party servers. No watermarks. Your data stays on your infrastructure.
0+
candles rendered at 60fps
0 KB
gzipped bundle
0
runtime dependencies
< 0ms
time to first render
Why trading platforms are switching to diCharts.
Six reasons teams are replacing their charting stack with a single library.
GPU-Powered Performance
Your users expect charts that feel instant. diCharts uses WebGPU, the same technology behind modern game engines, to render candlesticks, volume, and indicators entirely on the GPU. No jank. No lag.
Built for Real-Time Markets
diCharts doesn't just display data, it streams it. The built-in tick aggregation engine converts raw market data into OHLC candles on the fly, handles partial candle updates, and auto-scrolls.
Self-Hosted. Your Data. Your Brand.
Unlike hosted charting solutions, diCharts runs entirely in the browser. No data leaves your servers. No third-party branding. No iframe sandboxing limitations.
One SDK, Complete Coverage
Stop stitching together separate libraries for candlesticks, depth charts, heatmaps, and sparklines. diCharts ships every chart type in a single, tree-shakable package.
Framework Agnostic
React, Vue, Angular, Svelte, or vanilla JavaScript. diCharts works everywhere. Pure TypeScript with zero framework dependencies.
Enterprise-Grade TypeScript
Full type safety from day one. Every option, every callback, every data structure is precisely typed. IDE autocompletion everywhere.
See it in action
Interactive. GPU-accelerated. Real data.
Every chart type your trading platform needs.
Core Trading Charts
WebGPUCandlestick Chart
The industry-standard price visualisation with configurable colours and real-time streaming
Hollow Candlestick
Bullish candles as transparent outlines for trend identification
Heikin-Ashi
Smoothed candlesticks that filter market noise
Renko
Brick-based charts eliminating time, showing only significant price movements
OHLC Bar Chart
Traditional open-high-low-close bars with horizontal ticks
Line Chart
Clean close-price polyline for simple trend visualisation
Area Chart
Close-price line with gradient fill beneath
Baseline Chart
Two-tone line split at a reference price (green above, red below)
Dashboard Components
Canvas2DDepth Chart
Interactive order book visualisation with bid/ask curves
Market Heatmap
Treemap sized by market cap, colour-coded by performance
Sparklines
Tiny inline charts for watchlists and tables
Donut / Pie Chart
Portfolio allocation, asset distribution
Bar Chart
Daily PnL, volume by exchange with auto green/red
Gauge
Semi-circle meter for Fear & Greed Index, RSI, etc.
Dashboard components that ship ready.
Canvas2D-powered. Works in every browser. No WebGPU required.
Sparkline
Canvas2DDepth Chart
Canvas2DMarket Heatmap
Canvas2DDonut Chart
Canvas2DBar Chart
Canvas2DGauge
Canvas2DProfessional-grade technical analysis. Built in.
diCharts ships with 11 built-in technical indicators — 5 overlays on the price chart and 6 oscillators in dedicated sub-panes. All computed as standalone, pure functions.
Overlay Indicators
Price Chart- SMASimple Moving Average (any period)
- EMAExponential Moving Average (any period)
- Bollinger BandsUpper, middle, and lower bands
- VWAPVolume Weighted Average Price (session-anchored)
- Ichimoku CloudTenkan, Kijun, Senkou Span A/B, Chikou
Oscillators
Sub-Pane- RSIRelative Strength Index (with overbought/oversold zones)
- MACDSignal line, histogram, and divergence detection
- StochasticStochastic Oscillator (%K and %D lines)
- ATRAverage True Range (volatility measure)
- OBVOn-Balance Volume (cumulative volume flow)
- ADXAverage Directional Index (trend strength)
1// DiCharts SDK — loaded via CDN2const widget = await DiCharts.createWidget(el, {3 symbol: 'BTC/USDT',4 theme: 'dark',5 style: 'classic',6 data: candles,7 volumes,8 volume: true,9
10 // Overlay indicators (on the price chart)11 overlays: [12 { type: 'sma', period: 20, color: '#FFD700' },13 { type: 'ema', period: 9, color: '#FF6B6B' },14 { type: 'bollinger', period: 20, stdDev: 2 },15 { type: 'vwap', color: '#FF9800' },16 { type: 'ichimoku' },17 ],18
19 // Oscillator sub-panes (below the chart)20 subPanes: [21 { type: 'rsi', period: 14 },22 { type: 'macd', fast: 12, slow: 26, signal: 9 },23 { type: 'stochastic', period: 14 },24 ],25});Built for markets that never sleep.
Crypto markets operate 24/7. Your charts need to keep up. diCharts includes a purpose-built streaming engine designed for high-frequency, always-on data feeds.
Tick Aggregation
Convert raw trades into OHLC candles in real time.
Configurable Timeframes
1s, 5s, 15s, 1m, 5m, 15m, 1h, 4h, 1D. Switch on the fly.
Partial Candle Updates
The forming candle updates on every tick without flicker.
Auto-Scroll
Latest price stays visible with configurable viewport padding.
Backfill + Stream
Load historical data, then seamlessly continue with live ticks.
We replaced our entire charting stack with diCharts. The streaming just works. No glue code, no race conditions, no dropped candles.
Features your traders actually need.
Every interaction designed for speed and precision.
Order & Position Lines
Mark entries, exits, take-profit, and stop-loss levels directly on the chart with draggable price lines.
Crosshair with Price/Time Labels
Precise crosshair that snaps to candles with floating labels showing exact price and time values.
Zoom & Pan
Smooth mouse-wheel zoom and click-drag panning with momentum. Pinch-to-zoom on touch devices.
Dark & Light Themes
Built-in themes optimised for trading environments. Fully customisable colours, fonts, and grid styles.
Current Price Line
A persistent horizontal line tracking the last traded price with a real-time label on the price axis.
Event System
Click events, crosshair move events, and candle hit detection. Build interactive trading UIs with ease.
How diCharts compares.
A side-by-side look at the features that matter most for trading platforms.
| Feature |  | TradingView Widget | Lightweight Charts | HighCharts |
|---|---|---|---|---|
| Rendering engine | WebGPU (GPU) | Canvas2D | Canvas2D | SVG / Canvas |
| Max candles at 60fps | 100K+ | ~10K | ~20K | ~5K |
| Bundle size | 25 KB | iframe (no control) | 45 KB | 200 KB+ |
| Real-time streaming | Built-in | Hosted only | Manual | Plugin |
| Self-hosted | Yes | No (iframe) | Yes | Yes |
| Your branding | 100% | TradingView logo | Yes | HighCharts watermark* |
| Dependencies | 0 | N/A (hosted) | 0 | jQuery optional |
| TypeScript | First-class | N/A | First-class | Partial |
| Technical indicators | Built-in | Hosted only | None | Plugin |
| Depth chart | Included | Separate product | None | Separate |
| Heatmap / Treemap | Included | None | None | Separate module |
| Pricing | Free + Commercial | $ per-view | Free (Apache 2.0) | $$ per-developer |
diCharts vs TradingView
TradingView's embeddable widget is powerful, but it's an iframe. You can't control the data pipeline, the UI is branded, and pricing scales with page views. diCharts gives you full ownership of rendering, data, and branding.
View full comparisondiCharts vs Lightweight Charts
Lightweight Charts is solid open-source but uses Canvas2D, has no built-in indicators, no streaming engine, no depth chart, and no dashboard components. diCharts fills every gap in a single package.
View full comparisonBuilt for teams that build trading products.
From crypto exchanges to hedge funds, one SDK for every charting need.
Crypto Exchanges
Real-time candlestick charts with tick-level streaming, order book depth charts, market heatmaps for token discovery, and sparklines for watchlists. Everything a crypto exchange needs in one SDK.
Trading Platforms
Professional-grade charting with indicators, order lines, and sub-pane oscillators. Replace TradingView's iframe with a self-hosted solution you fully control.
Broker Platforms
Area and baseline charts for client portfolio views. Donut charts for allocation breakdowns. Gauges for risk metrics. Bar charts for performance reporting.
DeFi & Web3 Dashboards
Lightweight, fast-loading charts that work in decentralised environments. No external API calls, no hosted dependencies.
Fintech & Neobanks
Clean, modern chart components for customer-facing investment features. Area charts for portfolio growth, sparklines for watchlists.
Hedge Funds & Prop Trading
High-performance charting for internal trading desks. Stream thousands of instruments simultaneously. Use indicator functions server-side in Node.js.
Trusted by teams building the future of finance.
“We evaluated TradingView, Lightweight Charts, and HighCharts. diCharts was the only library that gave us GPU performance, built-in indicators, AND full data ownership. It saved us 3 months of integration work.”
Head of Engineering
Crypto Exchange
“Our users trade on 1-second candles with 50+ instruments open. diCharts handles it without breaking a sweat. We went from 15fps to locked 60fps overnight.”
Lead Frontend Developer
Prop Trading Firm
“The depth chart and heatmap components alone replaced two separate libraries we were maintaining. One SDK, everything we need.”
CTO
DeFi Trading Platform
“We needed charts that matched our brand perfectly. No third-party logos, no iframes, no compromises. diCharts gave us exactly that.”
VP Product
Neobank
Frequently Asked Questions
Everything you need to know about diCharts.
Try it yourself
Full-screen interactive examples you can play with right now. No signup required.
Standard Chart
Interactive OHLC chart with 8 candle styles, theme switching, volume bars, and order lines.
Dashboard Components
Six Canvas2D components: Depth Chart, Heatmap, Sparklines, Donut, Bar Chart, and Gauge.
Advanced Trading
Full trading platform demo with live streaming, all indicators, chart styles, and theme switching via the SDK.
Stay ahead of the curve.
Get product updates, performance tips, and fintech engineering insights. No spam. Unsubscribe anytime.
Ship better charts. Ship them faster.
Start with the free Community Edition today.