Diagonal Stripe Bar Chart

A card-based bar chart with a diagonal stripe SVG pattern fill on the bars, used to visualize monthly sales or usage trends with a trend badge.

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

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

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