Responsive Grid

Charts that scale from mobile to desktop. Breakpoint-aware layouts with Tailwind responsive utilities.

Responsive Line

Responsive Bar

Code

example.tsx

<div className="grid grid-cols-1 md:grid-cols-2 gap-6">
  <LineChart data={lineData} x="month" y="value" className="h-48 md:h-64" />
  <BarChart data={barData} x="cat" y="value" className="h-48 md:h-64" />
</div>

← All examples