QuackElements
Browse components+
Components/Chart

Chart

A composable chart primitive for modern product interfaces.

Interactive example

Installation

Run the CLI from your project root. Dependencies and component source are added automatically.

$npx quackelements add chart

Usage

The generated file lives in your repository, so the component API and styles remain fully editable.

example.tsx
import { ChartContainer } from "@/components/quack/chart"
import { Area, AreaChart } from "recharts"

<ChartContainer config={{ installs: { label: "Installs", color: "var(--brand)" } }}>
  <AreaChart data={data}><Area dataKey="installs" /></AreaChart>
</ChartContainer>