FLITTERCHART

Area Chart

Line charts with weight. Fill the area under the curve to emphasize volume, show composition, or highlight cumulative trends.

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

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

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

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