Stacked Area Chart
Show cumulative trends and composition changes over time.
Quick Start
import { StackedAreaChart } from "flitter-ui/chart";
import { Widget } from "@flitterjs/react";
// Create chart widget
const chart = StackedAreaChart({
style: "toast",
data: {
labels: ["Jan", "Feb", "Mar", "Apr"],
datasets: [
{ legend: "Organic", values: [400, 450, 420, 480] },
{ legend: "Direct", values: [200, 220, 210, 230] },
],
},
});
// Render with React
<Widget widget={chart} width={600} height={400} />See Integration guide for Svelte, vanilla JS, and more options.
Pastel tones, smooth staggered animations, hover focus effects
Muted tones, minimal animation, clean business dashboard look