Pie Chart

Name: elia
Author: AILE.SH

Part-to-whole as solid wedges — how the parts compare to each other.

Installation

bun add elia

@import "tailwindcss";
@import "@aile.sh/elia/styles/elia.css";
@source "../node_modules/@aile.sh/elia";

Usage

import { PieChart } from "@aile.sh/elia";

const PLANS = [
  { id: "team", label: "Team", value: 412 },
  { id: "pro", label: "Pro", value: 286 },
  { id: "free", label: "Free", value: 174 },
  { id: "enterprise", label: "Enterprise", value: 63 },
];

export function Example() {
  return (
    <PieChart
      title="Accounts by plan"
      caption="Active subscriptions"
      data={PLANS}
      size={220}
      showTable
    />
  );
}

— elia design system · MIT · charts · https://github.com/aile-sh/elia