Overview
Mario Charts
Copy production-ready chart components into your React application. You own every line.
Start in one minute
Initialize the registry, then add only the charts your product needs.
npx mario-charts@latest initBuilt for ownership
Own the source
Components are copied into your application. Read them, change them, and ship them without a runtime lock-in.
Start with strong defaults
Responsive layout, accessible interactions, thoughtful labels, and production-ready states are part of the starting point.
Customize without a ceiling
Use the simple API first, then work directly with the TypeScript and Tailwind source when your product needs more.
Frequently asked questions
Yes. Mario Charts is free for personal and commercial projects. No attribution or licensing fee is required.
The registry includes bar, line, area, pie, radar, scatter, stacked bar, gauge, heatmap, funnel, and treemap charts.
Open an issue in the Mario Charts GitHub repository with the analytical use case, expected data shape, and relevant examples.
You install the source of each component into your project. That gives you full control over behavior, styling, and upgrades.