About
A responsive bar chart comparing two data series with a styled hover tooltip, built on Recharts and shadcn's chart primitives.
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Bar Chart with Tooltip to your project and fits it to your theme.
Code
How Bar Chart with Tooltip is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
import ChartExampleTooltip from "@/components/ui/chart-example-tooltip";
export default function ChartExampleTooltipDemo() {
return (
<div className="w-full max-w-xl">
<ChartExampleTooltip />
</div>
);
}
















