@flabbergasted-ai/charts

ECharts wrappers with the Flab theme for time series, distributions, part-to-whole visualizations and other charts that need a chart engine.

Install

pnpm add @flabbergasted-ai/charts @flabbergasted-ai/tokens

React and React DOM are peer dependencies. Import the Flab token CSS once in your application.

Usage

"use client";

import { LineChart } from "@flabbergasted-ai/charts";

const series = [{ name: "Requests", data: [18, 24, 21, 32] }];

export function RequestsChart() {
  return (
    <LineChart
      ariaLabel="Requests by day"
      categories={["Mon", "Tue", "Wed", "Thu"]}
      series={series}
    />
  );
}

The package also exports bar, combo, donut, gauge, radar and scatter wrappers, plus the lower-level Chart component and Flab ECharts theme.

Development

Run pnpm --filter @flabbergasted-ai/charts test for package tests, or pnpm verify from the repository root before submitting a change.

License

Licensed under the MIT License. See LICENSE for details.