Channel Donut Chart

Revenue by channel donut with the total in the centre and a ranked list of value, share and change. Hovering a row highlights its slice and hovering a slice highlights its row.

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

import Chart03 from "@/components/ui/chart-03";

export default function Chart03Demo() {
  return <Chart03 />;
}