Everything you need. Nothing you don't.

65+ chart types, triple-renderer architecture, real-time streaming, financial indicators, and a full plugin system. Under 15kb.

By the Numbers

65+
Chart Types
13
WebGL/3D
25
Packages
100+
Themes
5
Frameworks
<15kb
Gzipped
WCAG AA
Accessible
MIT
License

Chart Types

65+ chart types across 10 categories

  • Trending: line, area, step, sparkline, range, baseline, combo
  • Comparison: bar, stacked-bar, horizontal-bar, lollipop, bullet, dumbbell, pareto
  • Composition: pie, donut, treemap, sunburst, pack, funnel, waterfall
  • Distribution: scatter, bubble, histogram, boxplot, violin, heatmap
  • Radial: radar, polar, radial-bar, gauge
  • Financial: candlestick, ohlc, volume, kagi, renko
  • Relationship: sankey, chord, graph, parallel, lines
  • Hierarchy: tree, org, gantt, flow
  • Specialty: calendar, matrix, geo, wordcloud, voronoi, themeriver, pictorialbar, pillar
  • 3D/WebGL: scatter3d, bar3d, surface3d, globe3d, map3d, line3d, lines3d, torus3d, scatter-gl, lines-gl, flow-gl, graph-gl

Rendering Architecture

Triple engine: SVG, Canvas, WebGL

  • SVG (default): Full DOM access, CSS styling, screen reader support, server-side rendering
  • Canvas (auto at 10k+ points): 60fps 2D rendering for medium datasets
  • WebGL (auto at 100k+ points): GPU-accelerated rendering for millions of data points
  • Manual renderer override available via renderer option

Real-Time Streaming

Live data, built in

  • createStreamingChart() with circular buffer for memory-efficient streaming
  • @chartts/websocket: WebSocket, Server-Sent Events (SSE), HTTP polling adapters
  • Auto-reconnect with exponential backoff, configurable message parsing
  • Pause/resume, batch push, requestAnimationFrame-throttled rendering

Financial Analysis

Professional-grade indicators

  • SMA, EMA, WMA moving averages with configurable periods
  • RSI, Stochastic, MACD oscillators for momentum analysis
  • Bollinger Bands, ATR volatility indicators
  • VWAP, OBV volume indicators for intraday analysis
  • Sharpe ratio, max drawdown, cumulative returns for portfolio analytics

GPU Acceleration & 3D

WebGL rendering for large datasets

  • @chartts/gl package with 13 dedicated 3D chart types
  • 100k+ data points rendered at 60fps with GPU acceleration
  • Interactive 3D: orbit controls, mouse picking, camera animation
  • Globe3D, Surface3D, Scatter3D, Map3D, Bar3D, Line3D, Lines3D, Torus3D

Plugin System

Build anything

  • defineChartType() API for registering custom chart types
  • Render context provides: scales, theme, data, chart area dimensions
  • Custom hit testing for interactive tooltips and click handlers
  • Renderer-agnostic plugins work across SVG, Canvas, and WebGL

Interaction System

Zoom, pan, brush, crosshair

  • Wheel zoom with pinch-to-zoom touch support
  • Drag pan with axis locking (x-only, y-only, free)
  • Brush selection with shift+drag for range highlighting
  • Crosshair with value labels and snap-to-point
  • linkCharts() for synchronized cross-chart interactions

Framework Support

Native packages, not wrappers

  • React: hooks-based API, ref forwarding, Next.js SSR with @chartts/ssr
  • Vue 3: Composition API, reactive props, Nuxt SSR support
  • Svelte: store-based reactivity, SvelteKit SSR support
  • Solid: signal-based updates, SolidStart SSR support
  • Angular: standalone components, signal inputs, Angular SSR support

Ecosystem

25 npm packages

  • Core: @chartts/core
  • Frameworks: @chartts/react, @chartts/vue, @chartts/svelte, @chartts/solid, @chartts/angular
  • Rendering: @chartts/gl
  • Analysis: @chartts/finance, @chartts/regression, @chartts/statistics
  • Data: @chartts/csv, @chartts/json, @chartts/excel, @chartts/parquet, @chartts/arrow
  • Adapters: @chartts/date-fns, @chartts/dayjs, @chartts/tailwind
  • Features: @chartts/websocket, @chartts/ssr, @chartts/annotation, @chartts/datalabels
  • Tools: @chartts/cli, @chartts/test-utils, @chartts/themes

Enterprise Ready

Production infrastructure

  • WCAG AA accessible: keyboard navigation, screen reader labels, focus management
  • Server-side rendering with @chartts/ssr for Next.js, Nuxt, SvelteKit, SolidStart
  • TypeScript strict mode with full type inference and generic chart configs
  • 100+ theme presets including dark/light variants, editor themes, brand themes, accessibility themes
  • CLI tool for CI/CD headless chart image generation
  • Testing utilities with @chartts/test-utils for unit and snapshot testing