Analytics Dashboard

A data-dense dashboard with charts, filters and drill-downs.

Shape your prompt

9 fields

Dashboard namerequired

What does it monitor?required

Stack

Full-stack

Split

Server-rendered

Static

Charting / UI libraries

Frontend

Styling

Backend

API

Data source

Key metrics & widgetsrequired

Realtime updatesCross-widget filters

Extra constraints

Your prompt

788 characters

The raw prompt, unchanged.

Still needed: Dashboard name, What does it monitor?, Key metrics & widgets — the preview updates as you type.

Output23 lines · 788 chars

You are a senior frontend engineer specializing in data UIs. Build an analytics dashboard called "".

## Purpose

## Tech
- Platform: Next.js (full-stack React)
- Libraries: React, Tailwind CSS
- Data source: PostgreSQL

## Metrics & widgets

## Requirements
- A clear information hierarchy: headline KPIs first, supporting detail below.
- Honest, accessible charts with units, empty/loading/error states.
- Global filters (date range, segment) that update every widget consistently.
- Responsive layout that stays readable on smaller screens.

## Deliverables
1. Layout wireframe and the metric/query list before coding.
2. The complete, runnable code organized by widget.
3. README with setup, data wiring, and run steps.

Make well-reasoned defaults and explain key trade-offs briefly.