← All use cases

Charts for Your Startup MVP

You need charts in your MVP but you don't have time to evaluate 15 charting libraries. Chart.ts works with your stack, styles with your Tailwind, and adds under 15kb to your bundle. Ship today.

Chart Types You Need

Line Chart

Growth metrics and trends

Bar Chart

Category comparisons

Donut Chart

Distribution breakdowns

Sparkline

KPI cards with inline trends

Funnel Chart

Conversion flow visualization

Gauge Chart

Single metric display

Example Implementation

dashboard.tsx
// That's it. That's your dashboard.
import { LineChart, BarChart, Sparkline } from "@chartts/react"

export function MVPDashboard({ data }) {
  return (
    <div className="grid grid-cols-3 gap-4">
      <div className="p-4 rounded-xl card flex items-center gap-4">
        <div>
          <p className="text-sm muted-text">Users</p>
          <p className="text-2xl font-bold heading">{data.users}</p>
        </div>
        <Sparkline data={data.userTrend} className="w-20 h-8" />
      </div>

      <div className="col-span-3 rounded-xl card p-6">
        <LineChart
          data={data.revenue}
          x="month"
          y="amount"
          className="h-64"
          lineClassName="stroke-cyan-400"
        />
      </div>
    </div>
  )
}

Why Chart.ts for Startup MVP

Install and render your first chart in 2 minutes
Zero config, zero boilerplate
Tailwind CSS means charts match your existing UI
Under 15kb won't slow down your MVP
Free forever (MIT license)
Works with React, Vue, Svelte, Solid
Upgrade path to 65+ chart types as you grow

Start building your startup mvp

Install Chart.ts and have your first chart rendering in 2 minutes.

$npm install @chartts/react
Get StartedSee Examples