Gradient Area Chart with Stripe Overlay

An area chart with a gradient fill and a subtle diagonal-stripe pattern overlay, used to visualize a monthly trend like website visitors alongside a percentage-change badge.

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

"use client";

import ChartGradientStripe from "@/components/ui/c-chart-13";

export default function ChartGradientStripeDemo() {
  return (
    <div className="flex w-full items-center justify-center p-10">
      <ChartGradientStripe />
    </div>
  );
}