Cluster Map

Grid heatmap of cluster nodes, each cell tinted by health and load with a hover label, plus a legend. Ships composable parts.

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

import ClusterMap from "@/components/ui/cluster-map";

export default function ClusterMapDemo() {
  return <ClusterMap />;
}