← All comparisons
Chart.ts vs Visx (Airbnb)
Visx is Airbnb's collection of low-level D3-based React visualization primitives. Great for custom viz but requires significant assembly.
| Feature | Chart.ts | Visx |
|---|---|---|
| Bundle size | <15kb min+gzip (entire library) | ~25kb min+gzip (varies by modules) |
| Tree-shaking | Full (import only what you use) | Good (separate packages) |
| TypeScript | Built-in, strict mode, full inference | Built-in types |
| SSR | Native SSR, works with any framework | Partial (some components need client) |
| Accessibility | WCAG AA, keyboard nav, screen readers, pattern fills | Manual implementation |
| Tailwind CSS | Native className on every element, dark: variants | Possible but not native |
| Chart types | 40+ built-in | Build from primitives |
| Frameworks | React, Vue, Svelte, Solid, Angular, Vanilla JS | React only |
| License | MIT | MIT |
Why switch from Visx?
Chart.ts advantages
- Under 15kb gzipped, full library
- Tailwind className on every chart element
- WCAG AA accessible by default
- Works with React, Vue, Svelte, Solid, Vanilla
- Native SSR, zero config
Visx limitations
- React only
- Low-level primitives, not ready-made charts
- Requires deep D3 knowledge
- No simple API for common charts
- Significant assembly required for basic charts
Ready to switch?
Get started with Chart.ts in 30 seconds.
$
npm install @chartts/core