Dotted Pattern Bar Chart

A dashboard bar chart card that compares two data series using a dotted-fill bar alongside a solid-fill bar, with a growth badge and a tooltip.

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

import ChartBarPattern from "@/components/ui/c-chart-9";

export default function ChartBarPatternDemo() {
  return <ChartBarPattern />;
}