Introduction

chartcn provides beautifully designed, accessible, and customizable GPU chart components. Choose native WebGPU with ChartGPU, or PixiJS with WebGPU rendering and automatic WebGL fallback. Both bases install through the shadcn CLI.

Philosophy

chartcn follows the shadcn model for GPU charts: copy-paste components you can own, with zero lock-in and sensible defaults that work immediately.

Chart libraries are often treated as black boxes—large dependencies with rigid APIs and styling that is difficult to own. chartcn takes a different approach. ChartGPU and PixiJS share the same declarative React API, datasets, colors, layouts, and examples, while each renderer remains editable source in your project.

The goal is simple: make WebGPU charts feel like the rest of your stack—composable, themeable, accessible, and easy to customize.

Why chartcn?

Most charting setups are either too opinionated or too slow for dense, frequently updated data. chartcn is built for teams that want to ship quickly without giving up control:

• Own Your Code: Copy the components into your project and customize every layer.
• Start Fast: Run one command and render your first chart with production-ready defaults.
• Choose Your Renderer: Use ChartGPU for native WebGPU, or PixiJS when you also need WebGL fallback.

Acknowledgments

chartcn would not have been possible without the work done by other meaningful projects in the community, including:

• EvilCharts: https://evilcharts.com

Features