Blog
Updates & Tutorials
Deep dives, release notes, and data visualization best practices.
Featured
Rendering 100k Data Points at 60fps with Chart.ts WebGL
How Chart.ts handles massive datasets. Triple-renderer architecture, automatic WebGL switching, and GPU-accelerated 3D charts.
Read moreReal-Time Dashboards with Chart.ts and WebSocket
Build live-updating dashboards. createStreamingChart() with rolling buffers, WebSocket/SSE adapters, auto-reconnect, and multi-panel sync.
Read moreEnterprise Data Visualization with Chart.ts
Why Chart.ts is enterprise-ready. WCAG AA accessibility, TypeScript strict mode, SSR, plugin system, 25 packages, testing utilities, and CLI.
Read moreAll Posts
Chart.ts vs ECharts: 65+ Chart Types at 15kb vs 300kb
Direct comparison of Chart.ts and Apache ECharts. Bundle size, chart types, TypeScript, Tailwind CSS, framework support, and rendering.
The Chart.ts Plugin System: Building Custom Chart Types
Create fully custom chart types with defineChartType(). Render context, hit testing, custom scales, and renderer-agnostic render nodes.
Building a Trading Platform with Chart.ts
Full tutorial: candlestick charts, technical indicators, volume analysis, and real-time WebSocket data with Chart.ts and @chartts/finance.
3D Charts in JavaScript with Chart.ts WebGL
Create 3D scatter plots, surface charts, globe visualizations, and more with @chartts/gl. GPU-accelerated WebGL rendering.
AI Chart Tools in 2026: How GPT and Claude Generate Data Visualizations
The rise of AI-powered chart generation. How GPT, Claude, and Gemini create data visualizations, and what it means for developers and data teams.
The State of Data Visualization in 2026
Data visualization trends in 2026: AI-generated charts, Tailwind-native libraries, accessibility requirements, and the shift from Canvas to SVG.
How to Build Gantt Charts with JavaScript in 2026
Build interactive Gantt charts for project management with JavaScript. Task dependencies, milestones, progress tracking. Free, open source, no license fees.
The $590 Per Developer Problem: Why Teams Are Dropping Highcharts
Highcharts costs $590 per developer per year. Here's why engineering teams are switching to free, open source alternatives like Chart.ts.
Pie Charts in 2026: When to Use Them, How to Make Them, and Better Alternatives
The complete guide to pie charts. When they work, when they don't, how to create them with JavaScript, and alternatives like donut charts and treemaps.
Build a Metrics Dashboard with Next.js and Chart.ts
A step-by-step tutorial for building a responsive metrics dashboard in Next.js App Router with Chart.ts. Covers KPI cards, sparklines, revenue charts, category breakdowns, and dark mode.
Best Chart Library for Next.js in 2026
A practical guide to choosing a charting library for Next.js App Router. Covers RSC compatibility, SSR, streaming, static export, and Tailwind integration for Chart.ts, Recharts, Nivo, Tremor, and Chart.js.
Chart.ts for React: Hooks, refs, and Server Components
A practical guide to using Chart.ts with React 19, Next.js App Router, and React Server Components.
Server-Side Rendered Charts in Next.js: The Complete Guide
How to render charts in Next.js Server Components without client-side JavaScript. Solve CLS, hydration mismatches, and bundle bloat with SVG-first charting.
Best Lightweight Chart Libraries for JavaScript in 2026
A deep comparison of lightweight JavaScript charting libraries by bundle size, performance, and Core Web Vitals impact. Includes gzipped size benchmarks for Chart.ts, uPlot, Chart.js, Frappe Charts, Chartist, and more.
From SVG to WebGL: The multi-renderer architecture
Under the hood of Chart.ts's auto-switching renderer. How we maintain feature parity across SVG, Canvas, and WebGL.
How to Build Candlestick Charts with JavaScript: The Complete Guide
Build interactive candlestick charts for financial data. OHLC data, volume bars, moving averages, zoom/pan, and real-time updates with Chart.ts.
Building accessible charts from scratch
Keyboard navigation, screen readers, pattern fills, and reduced motion. How we achieved WCAG 2.1 AA without compromising aesthetics.
Best React Chart Libraries in 2026: A Comprehensive Comparison
An honest comparison of the top React charting libraries in 2026. Bundle sizes, DX, SSR support, Tailwind compatibility, and real tradeoffs for Recharts, Chart.js, Nivo, ECharts, ApexCharts, Victory, Visx, Tremor, and Chart.ts.
How to Build Sankey Diagrams in React: A Complete Guide
Build interactive Sankey diagrams with React. Visualize flows, energy transfers, budget allocation, and user journeys. Step-by-step guide with Chart.ts.
Tailwind CSS + Charts: A perfect match
How className props, dark: variants, and design tokens make charts that actually match your app.
Best JavaScript Chart Libraries in 2026: The Definitive Guide
A framework-agnostic comparison of the best JavaScript charting libraries in 2026. D3, Plotly, Highcharts, Chart.js, ECharts, Google Charts, Chart.ts, and more - with honest tradeoffs, bundle sizes, and code examples.
Why Your React Charts Are Slow (And How to Fix Them)
Deep dive into React chart performance. Why charts cause re-renders, bundle bloat, and jank. Practical fixes for Chart.js, Recharts, and alternatives.
Why SVG-first matters
Canvas is fast. WebGL is faster. But SVG is the right default for 95% of charts. Here's why - and when to switch.
Canvas vs SVG vs WebGL for Data Visualization: A Technical Comparison
When to use Canvas, SVG, or WebGL for charts and data visualization. Rendering models, performance, accessibility, SSR, and CSS styling compared.
Introducing Chart.ts
Why we built a new charting library, what makes it different, and where we're headed. The story behind <15kb, SVG-first, Tailwind-native charts.
Topics