@sparrowengg/twigs-charts v0.0.2

Twigs Charts

Installation

yarn add @sparrowengg/twigs-charts

Recharts is a peer dependency and should be installed separately.

yarn add recharts

Usage

import { ThemeProvider, BarChart } from "@sparrowengg/twigs-charts";

<ChartThemeProvider
  theme={{
    colors: {
      list: [
        "#7158F5",
        "#EE7D61",
        "#98E0D8",
        "#EFBE55",
        "#84CC16",
        "#C3705C",
        "#F5C78E",
      ],
    },
    fontFamily: "DM Sans",
    fontFamilyAlternate: "DM Mono",
  }}
>
  <BarChart
    dataKey="month"
    data={[
      {
        month: "Jan",
        "Active Users": 4000,
      },
      {
        month: "Feb",
        "Active Users": 3000,
      },
      {
        month: "Mar",
        "Active Users": 2000,
      },
      {
        month: "Apr",
        "Active Users": 2780,
      },
      {
        month: "May",
        "Active Users": 1890,
      },
      {
        month: "Jun",
        "Active Users": 2390,
      },
      {
        month: "Jul",
        "Active Users": 3490,
      },
    ]}
    series={[
      {
        name: "Active Users",
        color: "$list.0",
      },
    ]}
  />
</ThemeProvider>