1Sponsor

Line Chart

ASCII line chart with axes and multi-series support

Terminal

Installation

pnpm dlx shadcn@latest add https://termcn.dev/r/line-chart.json

Usage

import { LineChart } from "@/components/ui/line-chart";
<LineChart
  data={[
    { label: "Jan", value: 30 },
    { label: "Feb", value: 45 },
    { label: "Mar", value: 28 },
  ]}
  width={40}
  height={10}
  title="Monthly Sales"
/>

API Reference

LineChart

PropTypeDefault
data(number | { label?: string; value: number })[]required
widthnumber40
heightnumber10
titlestringundefined
colorstringundefined
showAxesbooleantrue