Overview
Copy production-ready chart components into your React application. You own every line.
Initialize the registry, then add only the charts your product needs.
npx mario-charts@latest initComponents are copied into your application. Read them, change them, and ship them without a runtime lock-in.
Responsive layout, accessible interactions, thoughtful labels, and production-ready states are part of the starting point.
Use the simple API first, then work directly with the TypeScript and Tailwind source when your product needs more.
Yes. Mario Charts is free for personal and commercial projects. No attribution or licensing fee is required.
The registry includes bar, line, pie, radar, scatter, stacked bar, gauge, heatmap, funnel, sankey, treemap, and waterfall charts. Area fills are available on the line chart.
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.