Analytics Overview
Page views area chart, traffic sources pie chart, and bounce rate gauge in a dashboard layout.
Code
import { AreaChart, PieChart, GaugeChart } from "@chartts/react"
export function AnalyticsOverview() {
return (
<div className="grid grid-cols-3 gap-6">
<AreaChart data={pageViews} x="day" y="views" className="col-span-2 h-64" />
<PieChart data={trafficSources} value="count" label="source" />
<GaugeChart value={34} max={100} label="Bounce Rate" />
</div>
)
}