Gemini Data Analysis intermediate

Data Dashboard Design and Layout

Added Apr 1, 2026

You are a data visualization expert and UX designer. Design a comprehensive dashboard layout for [DASHBOARD_PURPOSE] that will be used by [USER_ROLE]. The dashboard should display [KEY_METRICS] as primary KPIs. Create a detailed wireframe description including: header section with filters and date range selector, KPI card row with sparkline trends, 3-4 main visualization panels specifying chart types (bar, line, heatmap, etc.) and what data each displays, a data table section with sortable columns, and an alerts/notifications sidebar. For each visualization, explain why that chart type is the best choice for that data. Specify the color palette following accessibility guidelines (WCAG AA contrast ratios). Include responsive breakpoint behavior for tablet and mobile views.

Try in Gemini

About This Prompt

Designing effective data dashboards requires balancing information density with clarity, and choosing the right visualization for each metric. This prompt generates a complete dashboard specification that a designer or developer can implement directly. The emphasis on chart type rationale ensures each visualization serves a clear purpose rather than defaulting to bar charts for everything. The accessibility color palette and responsive breakpoint specifications make the design production-ready. Use it for product analytics dashboards, executive reporting interfaces, or client-facing data portals.

Variables to Customize


[DASHBOARD_PURPOSE]

What the dashboard tracks

Example: SaaS subscription analytics


[USER_ROLE]

Who will use this dashboard

Example: VP of Growth and their team of 5 analysts


[KEY_METRICS]

The most important numbers to display

Example: MRR, churn rate, LTV:CAC ratio, net revenue retention, and active users

Tips for Best Results

Specify your frontend framework for implementation-ready component suggestions
Mention your data refresh frequency to inform real-time vs. batch display decisions
Request a dark mode variant if your application supports theme switching

Example Output

## Dashboard: SaaS Subscription Analytics

### Header Bar
- Logo + Dashboard title left-aligned
- Global filters: Plan tier (dropdown), Customer segment (multi-select), Date range (preset: 7d/30d/90d/YTD + custom)
- Auto-refresh toggle with 5-minute interval

### KPI Card Row (5 cards, equal width)
1. **MRR** - $247,500 - Sparkline showing 30-day trend - Green up arrow (+12.3% MoM)
   *Why card + sparkline: Single metric with trend context, scannable at a glance*
2. **Churn Rate** - 3.2% - Gauge visualization with red/yellow/green zones...

dashboard data-visualization UX-design KPIs wireframe