Chart Recorder

An animated canvas background of five glowing spectrum lanes that stream live-looking data traces with pen trails and event ring markers, for hero sections needing an ambient data/telemetry feel.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Chart Recorder to your project and fits it to your theme.

import ChartRecorderBackground from "@/components/ui/chart-recorder";

export default function Demo() {
  return (
    <div className="h-screen w-full">
      <ChartRecorderBackground className="h-full w-full" />
    </div>
  );
}