Interactive charts for React
Fast canvas charts with pan, zoom, crosshairs, tooltips and annotations built in. Lines, areas, bars, scatter and financial charts from one small, composable API. Free and open source.
An advanced example: a complete trading terminal assembled from Reincharts components, with indicators, drawing tools, chart types, layouts and replay on a live demo feed. Learn about <TradingChart>
Tell the story behind the data
Annotations are components too. Drop them into a pane and they follow the data as you pan and zoom.
ReferenceAreahighlights the launch periodReferenceLinemarks the goal, with a labelMarkerscall out notable weeks with textLabeladds a callout with a backgroundTooltip + Crosshairshow every value on hover
Every chart your dashboard needs
Areas, bars, horizontal bars, scatter and bubbles on numeric, time or category axes, all with the same pan, zoom, crosshair and tooltips.
Small API, serious engine
Compose charts from React components. The canvas engine does the heavy lifting.
Interactive by default
Pan, zoom, pinch, crosshairs, tooltips, legends and keyboard controls on every chart.
Canvas performance
One engine, one render loop, two canvas layers. Hundreds of thousands of points stay smooth.
Every cartesian chart
Lines, areas, grouped and stacked bars, horizontal bars, scatter, bubbles and error bars.
Annotations
Reference lines and areas, markers and callouts, plus drawing tools so users can mark up charts too.
Themeable
Light and dark presets, or a typed theme object. Every component takes its colors from it.
TypeScript first
Strictly typed props and hooks, generic data types and accessors. React 18 and 19, ESM only.
Financial-grade
Candlesticks, 30+ indicators, Fibonacci and position tools and a complete trading chart when you need them.
Free & MIT
No license keys, no watermark, no usage limits. Modular packages you own end to end.
Financial charts, too
Candlesticks, volume profiles, 30+ indicators and drawing tools, on the same engine.