About

A clean, multi-month horizontal heatmap that groups dates by weekday and colors each day by intensity. Scan patterns at a glance (habits, bookings, workload) and navigate month to month with clear headers. Dark-mode friendly, fast, and easy to theme for dashboards or analytics views.

Functionality

  • Horizontal month flow with clear month labels and smooth navigation.

  • Weekday bands (Mon–Sun): each tile is a date (e.g., 6, 13, 20, 27).

  • Heatmap scale to visualize intensity (e.g., low → medium → high).

  • Configurable thresholds & legend for your KPIs.

  • Tap/long-press actions to open details or create/edit events.

  • Range & multi-select (optional) for analysis or bulk actions.

  • Today highlight, weekend styling, and disabled/blackout dates.

  • Theming controls: tile size/radius, gaps, color scale, typography.

  • Performance minded: lazy month loading and cached values for smooth scroll.

  • Data-ready: bind counts/percentages from Firestore/Supabase/REST.

  • i18n-ready: localized month/day names and formats.

  • Accessibility: high contrast, large touch targets, screen-reader labels.

Great for: habit tracking, attendance, booking load, utilization/workload, staffing/shift planning, content cadence, and any use case where weekday patterns over months matter.

Keywords: horizontal heatmap calendar, weekday calendar, heatmap grid, intensity map, habit tracker, attendance tracker, booking heatmap, capacity, occupancy, utilization, workload, staffing planner, KPI calendar, color scale, thresholds, legend, month navigation, multi-month view, selectable tiles, range select, dark mode, light mode, responsive dashboard, analytics widget, FlutterFlow calendar, Flutter widget, data binding, Firestore, Supabase, REST API, localization, i18n, today highlight, weekend style, tile radius, cached values, performance.

Horizontal Heatmap Calendar

We’ll build your app in 7 days
Features
Categories
Style
Support
Single Use Individual License

You may only use this template for one project. For more details, please read the Marketplace Terms of Service.