- {/* Hour labels (Y-axis) */}
+ {/* Hour labels (Y-axis) - only show every 2 hours for readability */}
{hourLabels.map((label, idx) => (
- {label}
+ {/* Only show labels for even hours (0, 2, 4, etc.) */}
+ {useAmPm || idx % 2 === 0 ? label : ''}
))}
@@ -393,7 +396,7 @@ export function ActivityHeatmap({ data, timeRange, theme, colorBlindMode = false
key={hourData.hourKey}
className="rounded-sm cursor-default"
style={{
- height: useAmPm ? 32 : 12,
+ height: useAmPm ? 34 : 14,
backgroundColor: getIntensityColor(
hourData.intensity,
theme,