Bar Chart

Compare categories side by side. Revenue by region, survey responses, budget vs actual — if you're comparing discrete groups, this is your chart.

$ npx flitter-ui add bar-chart
GalleryAPI Reference
Quick Start
import BarChart from "./charts/bar-chart";
import Widget from "@flitterjs/react";

const chart = BarChart({
  data: {
    labels: ["Jan", "Feb", "Mar", "Apr"],
    datasets: [
      { legend: "Revenue", values: [40, 65, 50, 80] },
    ],
  },
});

<Widget widget={chart} width={600} height={400} />

See Integration guide for Svelte, vanilla JS, and more options.