Data Dashboard Layout Planner
Added Apr 2, 2026
About This Prompt
This prompt produces a complete dashboard design specification including layout structure, chart type recommendations, interaction patterns, and responsive breakpoints. It goes beyond picking charts by explaining why each visualization type is optimal for its data, how users should interact with the dashboard, and how to organize information hierarchy for different decision-making needs. The output is detailed enough to hand directly to a frontend developer for implementation. It is essential for data analysts, product managers, and designers who need to create effective dashboards that users actually find useful rather than overwhelming.
Variables to Customize
[DASHBOARD_PURPOSE]
The primary purpose of the dashboard
Example: SaaS subscription analytics
[USER_ROLE]
Who will use the dashboard
Example: VP of Growth and marketing managers
[COMPANY_TYPE]
Type of company
Example: B2B SaaS startup with 5,000 customers
[KEY_METRICS]
Metrics the dashboard needs to display
Example: MRR, churn rate, LTV, CAC, trial-to-paid conversion, NPS, feature adoption rates, revenue by plan tier
[NUM_KPIS]
Number of top-level KPI cards
Example: 5
[CHART_LIBRARY]
Preferred charting library
Example: Recharts
Tips for Best Results
- Start with the 3-5 most critical metrics and progressively add complexity
- Test the dashboard layout with actual users to validate the information hierarchy
- Use the responsive specifications to ensure the dashboard is useful on all devices
Example Output
## SaaS Subscription Analytics Dashboard ### KPI Summary Row (Top) 5 cards in a horizontal row, each showing: - MRR: $485K (+3.2%) - Recharts <StatCard> with sparkline - Churn Rate: 2.1% (-0.3%) - Red/green threshold coloring - LTV: $4,200 - vs. previous period comparison - CAC: $380 - with LTV:CAC ratio badge - Trial Conversion: 24% - funnel mini-chart ### Main Visualization Area (Grid: 2 columns) Left column (60% width): - MRR Trend: Area chart (Recharts <AreaChart>) showing 12-month trend with plan tier breakdown. Area chart chosen because it shows both total and composition over time. Right column (40% width): - Churn Cohort Analysis: Heatmap grid showing retention by signup month...