Analytics Dashboard with Cohort Heatmap

Shadcn UI Dashboard Block

Dashboard11 is an analytics-focused dashboard built with shadcn/ui components, featuring a fixed collapsible sidebar and main content with KPI stat cards, an animated sales revenue bar chart, a customer segmentation visualization, a user retention cohort heatmap, and a store visits area chart with animated reference line. The sidebar has grouped navigation with collapsible submenus and a user profile section. The main area includes a header with search and notifications. KPI cards show metrics with trend indicators. The sales revenue chart uses Framer Motion for animated bar entrance. The customer segmentation card displays a proportional bubble chart. The cohort heatmap shows user retention rates in a grid with color intensity indicating values. The store visits chart has an animated reference line that tracks a target value using spring physics.

Card containers have rounded corners on a muted background. The animated bar chart provides visual interest on page load. The proportional bubble visualization represents segment sizes through circle area. The cohort heatmap uses color saturation to encode retention percentages in a week-by-week grid. The animated reference line on the area chart adds a dynamic tracking element. Typography uses compact labels with larger metric values.

This dashboard is distinctive for its cohort retention heatmap, which is a specialized visualization for user retention analysis uncommon in standard dashboards. The Framer Motion animations on the bar chart and reference line add polish. Highly complex with multiple unique visualizations including the bubble chart, cohort heatmap, and spring-animated reference lines. Requires KPI metrics, time series revenue data, customer segment breakdowns with values, cohort retention data in week-by-week format, and store visit time series with target values.