Interactive Examples
Every chart on this page is rendered live using the DiCharts SDK. Scroll down to explore 8 chart styles, 11 indicators, and 6 dashboard components.
Full-Screen Demos
Open in a dedicated view for maximum chart space.
Standard Chart
Interactive OHLC chart with 8 candle styles, theme switching, volume bars, and order lines — powered by the DiCharts SDK via CDN.
Chart Components
Standalone Canvas2D dashboard components: Depth Chart, Heatmap, Sparklines, Donut Chart, Bar Chart, and Gauge with live simulated updates.
Advanced Trading
Full trading platform demo with real-time tick streaming, all indicators, chart styles, zoom/pan controls, and theme switching via the SDK widget.
Chart Styles
8 rendering styles — from classic candlesticks to baseline comparisons.
Classic
CandlestickHollow
CandlestickHeikin-Ashi
CandlestickRenko
CandlestickBar (OHLC)
SeriesLine
SeriesArea
SeriesBaseline
SeriesTechnical Indicators
5 overlay indicators on the price chart and 6 oscillators in dedicated sub-panes.
SMA (20)
OverlayEMA (9)
OverlayBollinger Bands
OverlayVWAP
OverlayIchimoku Cloud
OverlayRSI (14)
OscillatorMACD (12, 26, 9)
OscillatorStochastic (14)
OscillatorATR (14)
OscillatorOBV
OscillatorADX (14)
OscillatorDashboard Components
6 standalone Canvas2D components — no WebGPU required, works in all browsers.
Depth Chart
Order BookSparklines
WatchlistMarket Heatmap
TreemapPortfolio Allocation
Donut / PieDaily PnL
Bar ChartFear & Greed Index
GaugeWhat You're Looking At
Every demo on this page is powered by the same library you'll ship in production.
WebGPU Rendering Engine
The candlestick chart runs entirely on the GPU via WebGPU. Geometry is batched into a single draw call, so 100K+ candles render at a locked 60fps.
Canvas2D Dashboard Components
Depth Chart, Heatmap, Sparklines, Donut, Bar Chart, and Gauge are standalone Canvas2D widgets that work in every browser with zero GPU requirements.
Real-Time Streaming Engine
A built-in tick aggregation engine accepts raw trades from your WebSocket, bins them into OHLC candles for any timeframe, and pushes updates to the chart.
Technical Indicators
SMA, EMA, Bollinger Bands, VWAP, Ichimoku Cloud, RSI, MACD, Stochastic, ATR, OBV, and ADX — 11 indicators computed alongside price data with no jank.
Browser Compatibility
The WebGPU candlestick engine works in Chrome, Edge, Firefox, and Safari (all modern versions). Dashboard components (Depth Chart, Heatmap, Sparklines, etc.) use Canvas2D and work in every browser.