Below is a suggested structure for the Revenue dashboard screenshot you requested. It’s laid out so a designer or engineer can recreate it in your app.

Revenue Dashboard – Screenshot Spec

1. Header Bar

• Title: Analytics / Revenue
• Controls (right side):
• Date range picker (default: Last 30 Days)
• Presets: Today, Last 7 Days, Last 30 Days, Last 90 Days, This Month, Last Month, This Quarter, Year to Date, Custom
• Bundle filter dropdown
• Default: All Bundles
• Example options: All Bundles, Summer Outfit Bundle, Starter Kit Bundle, Holiday Gift Set
• Refresh button

2. Revenue Overview Cards (Top Row)

Four metric cards in a single row.

Card 1 – Total Bundle Revenue

• Label: Total Bundle Revenue
• Primary value: $48,320.75
• Subtext: vs previous period
• Change indicator: +18.4% (green, up arrow)

Card 2 – Total Orders

• Label: Total Orders
• Primary value: 1,246
• Subtext: vs previous period
• Change indicator: +9.7% (green, up arrow)

Card 3 – Average Order Value

• Label: Average Order Value
• Primary value: $38.78
• Subtext: vs previous period
• Change indicator: +7.2% (green, up arrow)

Card 4 – Total Discount Given

• Label: Total Discount Given
• Primary value: $5,690.40
• Subtext: vs previous period
• Change indicator: +3.1% (green, up arrow)

3. Revenue Time Series Chart (Main Left Panel)

A large line chart directly under the metric cards, spanning the left ~65–70% of the width.

Chart header:

• Title: Revenue Over Time
• Subtitle: Daily bundle performance
• Legend (with toggles):
• Revenue – solid blue line
• Orders – dashed green line (secondary Y-axis)
• Views – dotted gray line

Axes:

• X-axis: Dates for the selected range (e.g., Mar 1 to Mar 30)
• Left Y-axis: Revenue ($)
• Right Y-axis: Orders

Visual behavior:

• Show visible weekend bumps and a clear spike around a sample promotion date (e.g., Mar 15).
• Tooltip on hover:
• Date: Mar 15
• Revenue: $3,240.50
• Orders: 92
• Views: 1,840

Tip callout (small info box below or to the right of the chart):

Compare this chart with your marketing calendar. Spikes without campaigns often indicate organically strong bundles.

4. Per-Bundle Revenue Breakdown (Main Right Panel)

Right side of the same row as the time series chart (~30–35% width).

Donut Chart

• Title: Revenue by Bundle
• Center label: Total with $48,320.75
• Segments (example):
• Summer Outfit Bundle – 42%
• Starter Kit Bundle – 28%
• Holiday Gift Set – 18%
• Accessories Add-on Bundle – 7%
• Other Bundles – 5%

Ranked List (directly under donut)

Columns: Bundle, Revenue, Share

1. Summer Outfit Bundle

• Revenue: $20,294.40