Create a comprehensive analytics dashboard with real-time data visualization.

Layout Structure:
- Collapsible sidebar navigation (icons when collapsed)
- Top bar with search, notifications, and user menu
- Main content area with responsive grid
- Dark theme optimized for long viewing sessions

Dashboard Components:
1. KPI Cards: Large numbers with sparkline trends, percentage changes with color coding
2. Line Charts: Multi-series with toggleable datasets, zoom and pan capabilities
3. Bar Charts: Horizontal/vertical with hover tooltips
4. Donut Charts: Interactive segments with legend
5. Data Tables: Sortable columns, pagination, row selection, inline actions
6. Activity Feed: Real-time updates with timestamps
7. Map Visualization: Heatmap or marker-based geographic data

Interactive Features:
- Date range picker with presets (Today, 7d, 30d, Custom)
- Filter dropdowns that affect all widgets
- Export to CSV/PDF functionality
- Full-screen mode for individual charts
- Drag-and-drop widget reordering

Technical Stack:
- Next.js with App Router
- Recharts or Tremor for visualizations
- TanStack Table for data tables
- Zustand for state management
- Real-time updates with SWR or React Query

Related Prompts

View all

Personal Finance Dashboard

Create a beautiful personal finance tracking dashboard. Features: 1. Account Overview: Total balanc...

FinancePersonal

SaaS Admin Dashboard

Build a full-featured admin dashboard for SaaS applications. Core Modules: 1. Overview: Revenue met...

AdminSaaS

Notion-Style Project Dashboard

Build a project management dashboard inspired by Notion and Linear. Views: 1. Board View: Kanban wi...

Project ManagementKanban

Real-Time Chat Application

Build a modern real-time chat application. Features: 1. Direct Messages: One-on-one conversations 2...

ChatReal-time

Back to prompts

Create a comprehensive analytics dashboard with real-time data visualization.

Layout Structure:
- Collapsible sidebar navigation (icons when collapsed)
- Top bar with search, notifications, and user menu
- Main content area with responsive grid
- Dark theme optimized for long viewing sessions

Dashboard Components:
1. KPI Cards: Large numbers with sparkline trends, percentage changes with color coding
2. Line Charts: Multi-series with toggleable datasets, zoom and pan capabilities
3. Bar Charts: Horizontal/vertical with hover tooltips
4. Donut Charts: Interactive segments with legend
5. Data Tables: Sortable columns, pagination, row selection, inline actions
6. Activity Feed: Real-time updates with timestamps
7. Map Visualization: Heatmap or marker-based geographic data

Interactive Features:
- Date range picker with presets (Today, 7d, 30d, Custom)
- Filter dropdowns that affect all widgets
- Export to CSV/PDF functionality
- Full-screen mode for individual charts
- Drag-and-drop widget reordering

Technical Stack:
- Next.js with App Router
- Recharts or Tremor for visualizations
- TanStack Table for data tables
- Zustand for state management
- Real-time updates with SWR or React Query