Line Chart
Visualize trends over time with smooth, animated lines.
Quick Start
import { LineChart } from "flitter-ui/chart";
import { Widget } from "@flitterjs/react";
// Create chart widget
const chart = LineChart({
style: "toast",
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.
Pastel tones, smooth staggered animations, hover focus effects
Muted tones, minimal animation, clean business dashboard look