نقشهٔ فعالیت

import { ActivityHeatmap } from "@kashi-ui/react";

نمونه

<ActivityHeatmap year={1405} unit="کامیت"
data={{ "2026-03-21": 3, "2026-03-22": 7, … }} />

کلید داده تاریخ میلادی YYYY-MM-DD است (مثل خروجی toISODate) تا مستقیم از پایگاه‌داده بیاید. شدت رنگ نسبت به بیشترین مقدار سال در چهار پله است، با یک رنگ از کم‌رنگ به پررنگ.

دسترس‌پذیری

برای صفحه‌خوان، نقشه یک تصویر با جمع کل است و یک جدول پنهان جمع هر ماه را می‌گوید؛ ۳۶۵ خانه یکی‌یکی خوانده نمی‌شوند. مقدار هر روز با نگه‌داشتن موس نمایش داده می‌شود.