Chart Data Recipes

A market/candlestick chart wired to a real data source, showing loading, empty and error states while fetching, polling or streaming candle data.

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

import ChartData from "@/components/ui/chart-data";

export default function ChartDataDemo() {
  return (
    <div className="w-full max-w-2xl p-6">
      <ChartData />
    </div>
  );
}