The Open‑Source
Charting & Data Grid
Library for React
Start free with radiant-charts-core and radiant-grid-core — MIT licensed, lightweight, canvas-powered. Upgrade to Pro when you need 100+ chart types, WebGL rendering, and enterprise grid features.
Basic Demo
A minimal grid with rows and columns — no extra features enabled.
Built for modern React applications
Why Radiant
Everything you need to ship great data UIs
A clean React API over a blazing-fast HTML5 Canvas engine. Start with the free MIT-licensed core — upgrade to Pro only when you need to.
Free & Open Source Core
MIT licensed, no watermarks, no data limits. Use radiant-charts-core and radiant-grid-core in commercial projects for free.
Pure Canvas Performance
No SVG, no DOM chart nodes. Render 50,000+ data points at 60fps with the HTML5 Canvas engine.
Two APIs — Your Choice
Declarative JSX components (<Chart>, <Bar>, <Line>) or an imperative options object. Pick the style that fits your project.
Dark Mode Built-In
Light, Dark, and System themes with full CSS variable theming. One prop to switch — charts and grid adapt instantly.
Data Grid Included
Both charts and grid in the same ecosystem. Unified theming, licensing, and API patterns across your entire data UI.
Enterprise Ready
Clear upgrade path to Pro: 100+ chart types, WebGL rendering, pivot mode, Excel export, and commercial support when your team scales.
Minimal Dependencies
Only React and Zustand as peer dependencies. No D3, no Lodash, no transitive dependency surprises. Minimal bundle footprint.
TypeScript First
Full type definitions for every option, key, and series type. Autocomplete your chart config — no docs tab required.
50k+
data points at 60fps
~30KB
gzipped combined
6
free chart types
100+
Pro chart types
Quick Start
Get Started in 30 Seconds
Install the free core package, import a chart component, and pass your data. No configuration files, no build plugins, no registration required.
npm install radiant-charts-coreimport { Chart, Bar } from 'radiant-charts-core'
const data = [
{ month: 'Jan', revenue: 4200 },
{ month: 'Feb', revenue: 5300 },
{ month: 'Mar', revenue: 4800 },
{ month: 'Apr', revenue: 6200 },
]
function App() {
return (
<Chart data={data}>
<Bar xKey="month" yKey="revenue" />
</Chart>
)
}Open Core Model
Free vs Pro
The Community tier is genuinely useful for production apps. Pro unlocks advanced capabilities when your team is ready to scale.
Community
radiant-charts-core + radiant-grid-core — MIT licensed
- 6 chart types: Bar, Line, Area, Pie, Donut, Scatter
- Canvas rendering engine — 60fps
- Cartesian axes (Linear, Band, Time scales)
- Basic legend with pagination
- Basic tooltip (hover, shared/item mode)
- Light / Dark / System theme support
- CSS variable theming
- Declarative JSX API & Imperative API
- exportToPng() on chart handle
- Entrance animations (grow, fade, slide, pop)
- Data labels
- DOM-based virtual scrolling grid
- Column sorting, resizing & reordering
- Quick filter (global text search)
- Minimal dependencies (React + Zustand)
- MIT license — commercial use free
Everything in Community, plus:
radiant-charts + radiant-grid — from $249/dev/year
- 100+ chart types (Candlestick, Gantt, Sankey, Treemap, Smith Chart, etc.)
- WebGL 2D rendering pipeline — 1M+ data points
- Real-time streaming via appendData()
- Technical indicators (SMA, EMA)
- Drawing tools & annotations
- Geo projections & TopoJSON maps
- Drilldown navigation & range selector
- Accessibility manager (WCAG 2.2 AA)
- Chart Designer (no-code drag-and-drop builder)
- Advanced tooltip (images, pinning, custom renderers)
- Canvas rendering mode grid — 250K+ rows
- Pivot engine & tree data
- Row grouping with aggregations
- Excel / CSV / JSON / XLSX export
- Cell editing with undo/redo stack
- Clipboard, fill handle, conditional formatting
- JWT-based license validation
Why Radiant
Engineered for Performance
Most charting libraries were built for the SVG era. Radiant Charts was built for real-time, data-dense, modern products.
| ★ RecommendedRadiant ChartsThis library | SVG LibrariesRecharts, Apex | Legacy EnterpriseHighcharts, FusionCharts | |
|---|---|---|---|
| Rendering Engine | ✓Canvas 2D | –SVG | –SVG / Canvas |
| Data Limit | ✓50,000+ pts | ✕~3,000 pts | –~10,000 pts |
| React API | ✓Native JSX | ✓Native JSX | ✕Wrapper / Config |
| Visual Designer | –Pro only | ✕None | ✕None |
| Starting Price | ✓Free / $249 Pro | –Free | ✕$1,000+ / yr |
Live Benchmark
SVG libraries freeze the DOM at 5,000 points.
Radiant stays at 60 fps with 50,000.
60fps
at 50k pts
< 16ms
frame budget