Dot Graph Card

A revenue card with an animated percentage counter and a dot-matrix bar chart whose dots pop in and show tooltips on hover, with daily/weekly/monthly tabs.

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

import DotGraphCard from "@/components/ui/dot-graph-card";

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