Components
An animated area chart/graph component with a custom frame, perfect for HUD displays.
Loading preview...
"use client";
import { HudGraph } from "@/components/ui/hud-area-chart";
export function Demo() {
// Sample data for the graph
const data = [
{ time: "00:00", value: 20 },
{ time: "04:00", value: 35 },
{ time: "08:00", value: 65 },
{ time: "12:00", value: 80 },
{ time: "16:00", value: 45 },
{ time: "20:00", value: 30 },
{ time: "24:00", value: 25 },
];
return (
<div className="min-h-screen overflow-hidden flex items-center justify-center">
<HudGraph showYAxis={false} data={data} />
</div>
);
}