A clearer view of every move
Small plugin. Big picture.
Interactive candlestick charts. Pure JavaScript. Zero dependencies.
Hover for candle data · drag to pan · scroll to zoom●
240 candles · UTC
Make it your own
Light and dark themes, custom colors, adjustable precision, and optional volume.
Built for interaction
Cursor-centered zoom, drag navigation, hover tooltips, and keyboard controls.
Ready for your data
Load historical candles, update the current bar, or append new candles as they arrive.
<script src="candle-chart.js"></script>
<div id="chart" style="height:420px"></div>
<script>
const chart = new CandleChart('#chart', { theme: 'dark' });
chart.setData([
{ time: '2026-01-01', open: 100, high: 108, low: 97, close: 105, volume: 1200 }
]);
</script>