Beautiful Charts.
Zero Lock-in.
The React chart library that looks amazing out-of-the-box. Copy-paste components. Full control. No vendor lock-in.
$
npx mario-charts add areaBar Chart
Chart animation paused, currently showing Bar ChartBar Chart
Compare categorical data with horizontal or vertical bars. Perfect for showing rankings, comparisons, and distributions across categories.
Scroll to explore
Copy. Paste. Ship.
Get beautiful charts in seconds. No configuration needed.
App.tsx
123456789
import { AreaChart } from "mario-charts"<AreaChart data={monthlyRevenue} gradient showDots animated/>Preview
Live
3 props activeReal-time
Toggle options to customize in real-time. Copy the code when ready.