Enterprise Chart Library

Chart.ts is a complete enterprise charting platform distributed across 25 npm packages. 65+ chart types from basic line and bar to 3D scatter plots and financial candlesticks. WebGL rendering, real-time streaming, a plugin system for custom chart types, WCAG AA accessibility, SSR support, and full TypeScript coverage. MIT licensed with no per-seat fees.

$npm install @chartts/react
example.tsx
// 25 packages, use only what you need
import { LineChart, BarChart, CandlestickChart } from "@chartts/react"
import { Scatter3D, Globe3D } from "@chartts/gl"
import { sma, macd } from "@chartts/finance"
import { regression } from "@chartts/regression"
import { kde, percentile } from "@chartts/statistics"
import { useWebSocket } from "@chartts/websocket"
import { defineChartType } from "@chartts/core"

// Create custom chart types with the plugin system
const myChart = defineChartType({
  name: "custom-gauge",
  defaultOptions: { min: 0, max: 100 },
  render(ctx) {
    // Full SVG/Canvas rendering context
    ctx.arc(ctx.cx, ctx.cy, ctx.radius, startAngle, endAngle)
    ctx.fill(ctx.options.className)
  },
  hitTest(point, data) {
    // Custom interaction handling
    return findNearestDataPoint(point, data)
  },
})

Features

65+ chart types across 25 npm packages
WebGL rendering for 100k+ data points (auto or manual)
13 3D chart types via @chartts/gl (Scatter3D, Surface3D, Globe3D, and more)
Financial indicators via @chartts/finance (SMA, EMA, RSI, MACD, Bollinger)
Real-time streaming via @chartts/websocket (WebSocket, SSE, polling)
Plugin system: defineChartType() for fully custom chart types
WCAG AA accessible, SSR compatible, TypeScript strict mode
Read the DocsSee DemosExamples