Traffic Source Donut

A donut chart card that splits website traffic by source, with a centered total visitor count and a ranked, color-coded legend list below it.

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

import ChartsBlock from "@/components/ui/charts-5";

export default function Preview() {
  return <ChartsBlock />;
}