import { ChartHeatmap } from "@/components/chart-heatmap"
const data = [
{ date: "2025-02-10", count: 10 },
{ date: "2025-02-11", count: 10 },
{ date: "2025-02-12", count: 0 },
{ date: "2025-02-13", count: 4 },
{ date: "2025-02-14", count: 0 },
{ date: "2025-02-15", count: 0 },
{ date: "2025-02-16", count: 4 },
{ date: "2025-02-17", count: 5 },
{ date: "2025-02-18", count: 7 },
{ date: "2025-02-19", count: 9 },
{ date: "2025-02-20", count: 6 },
{ date: "2025-02-21", count: 4 },
{ date: "2025-02-22", count: 0 },
{ date: "2025-02-23", count: 0 },
{ date: "2025-02-24", count: 10 },
{ date: "2025-02-25", count: 2 },
{ date: "2025-02-26", count: 1 },
{ date: "2025-02-27", count: 6 },
{ date: "2025-02-28", count: 0 },
{ date: "2025-03-01", count: 0 },
{ date: "2025-03-02", count: 4 },
{ date: "2025-03-03", count: 0 },
{ date: "2025-03-04", count: 12 },
{ date: "2025-03-05", count: 8 },
{ date: "2025-03-06", count: 4 },
{ date: "2025-03-07", count: 9 },
{ date: "2025-03-08", count: 0 },
{ date: "2025-03-09", count: 0 },
{ date: "2025-03-10", count: 8 },
{ date: "2025-03-11", count: 13 },
{ date: "2025-03-12", count: 2 },
{ date: "2025-03-13", count: 12 },
{ date: "2025-03-14", count: 7 },
{ date: "2025-03-15", count: 0 },
{ date: "2025-03-16", count: 0 },
{ date: "2025-03-17", count: 0 },
{ date: "2025-03-18", count: 0 },
{ date: "2025-03-19", count: 11 },
{ date: "2025-03-20", count: 0 },
{ date: "2025-03-21", count: 10 },
{ date: "2025-03-22", count: 2 },
{ date: "2025-03-23", count: 0 },
{ date: "2025-03-24", count: 12 },
{ date: "2025-03-25", count: 7 },
{ date: "2025-03-26", count: 14 },
{ date: "2025-03-27", count: 13 },
{ date: "2025-03-28", count: 4 },
{ date: "2025-03-29", count: 4 },
{ date: "2025-03-30", count: 0 },
{ date: "2025-03-31", count: 0 },
{ date: "2025-04-01", count: 12 },
{ date: "2025-04-02", count: 3 },
{ date: "2025-04-03", count: 11 },
{ date: "2025-04-04", count: 5 },
{ date: "2025-04-05", count: 0 },
{ date: "2025-04-06", count: 0 },
{ date: "2025-04-07", count: 3 },
{ date: "2025-04-08", count: 11 },
{ date: "2025-04-09", count: 4 },
{ date: "2025-04-10", count: 5 },
{ date: "2025-04-11", count: 0 },
{ date: "2025-04-12", count: 0 },
{ date: "2025-04-13", count: 0 },
{ date: "2025-04-14", count: 14 },
{ date: "2025-04-15", count: 4 },
{ date: "2025-04-16", count: 9 },
{ date: "2025-04-17", count: 0 },
{ date: "2025-04-18", count: 13 },
{ date: "2025-04-19", count: 5 },
{ date: "2025-04-20", count: 0 },
{ date: "2025-04-21", count: 7 },
{ date: "2025-04-22", count: 15 },
{ date: "2025-04-23", count: 5 },
{ date: "2025-04-24", count: 14 },
{ date: "2025-04-25", count: 16 },
{ date: "2025-04-26", count: 0 },
{ date: "2025-04-27", count: 1 },
{ date: "2025-04-28", count: 4 },
{ date: "2025-04-29", count: 14 },
{ date: "2025-04-30", count: 10 },
{ date: "2025-05-01", count: 3 },
{ date: "2025-05-02", count: 0 },
{ date: "2025-05-03", count: 0 },
{ date: "2025-05-04", count: 0 },
{ date: "2025-05-05", count: 2 },
{ date: "2025-05-06", count: 9 },
{ date: "2025-05-07", count: 3 },
{ date: "2025-05-08", count: 9 },
{ date: "2025-05-09", count: 10 },
{ date: "2025-05-10", count: 0 },
{ date: "2025-05-11", count: 2 },
{ date: "2025-05-12", count: 3 },
{ date: "2025-05-13", count: 14 },
{ date: "2025-05-14", count: 2 },
{ date: "2025-05-15", count: 2 },
{ date: "2025-05-16", count: 3 },
{ date: "2025-05-17", count: 3 },
{ date: "2025-05-18", count: 3 },
{ date: "2025-05-19", count: 6 },
{ date: "2025-05-20", count: 6 },
{ date: "2025-05-21", count: 0 },
{ date: "2025-05-22", count: 11 },
{ date: "2025-05-23", count: 15 },
{ date: "2025-05-24", count: 0 },
{ date: "2025-05-25", count: 0 },
{ date: "2025-05-26", count: 18 },
{ date: "2025-05-27", count: 1 },
{ date: "2025-05-28", count: 10 },
{ date: "2025-05-29", count: 0 },
{ date: "2025-05-30", count: 18 },
{ date: "2025-05-31", count: 0 },
{ date: "2025-06-01", count: 0 },
{ date: "2025-06-02", count: 5 },
{ date: "2025-06-03", count: 19 },
{ date: "2025-06-04", count: 3 },
{ date: "2025-06-05", count: 3 },
{ date: "2025-06-06", count: 1 },
{ date: "2025-06-07", count: 0 },
{ date: "2025-06-08", count: 0 },
{ date: "2025-06-09", count: 19 },
{ date: "2025-06-10", count: 1 },
{ date: "2025-06-11", count: 9 },
{ date: "2025-06-12", count: 0 },
{ date: "2025-06-13", count: 15 },
{ date: "2025-06-14", count: 0 },
{ date: "2025-06-15", count: 0 },
{ date: "2025-06-16", count: 18 },
{ date: "2025-06-17", count: 13 },
{ date: "2025-06-18", count: 0 },
{ date: "2025-06-19", count: 0 },
{ date: "2025-06-20", count: 20 },
{ date: "2025-06-21", count: 6 },
{ date: "2025-06-22", count: 6 },
{ date: "2025-06-23", count: 0 },
{ date: "2025-06-24", count: 5 },
{ date: "2025-06-25", count: 0 },
{ date: "2025-06-26", count: 12 },
{ date: "2025-06-27", count: 19 },
{ date: "2025-06-28", count: 4 },
{ date: "2025-06-29", count: 0 },
]
export function Demo() {
return (
<ChartHeatmap
data={data}
cellSize={14}
title="Contributions"
description="Last 20 weeks"
dateKey="date"
valueKey="count"
/>
)
}
Updates live as you change the controls. Only non-default props are included.