Analytics Dashboard

Use Case: Web analytics platform for tracking website traffic, user behavior, and conversions.
Key Features: KPI cards, charts/graphs, data tables, date filters, real-time stats

[[ :logo: Analytics Pro | *Dashboard* | Reports | Audiences | Campaigns | Settings | :user: Admin | [Export Data] ]]

[[ Dashboard > Analytics > Overview ]]

---

## Overview

Date Range: [Last 30 days...v] [Custom Date Range] [Refresh]

---

::: grid-4 card

### Total Visitors
**458,234**
:chart: +12.5% vs last period

### Page Views
**1,234,567**
:chart: +8.3% vs last period

### Bounce Rate
**42.3%**
:chart: -3.2% vs last period

### Avg. Session
**3m 24s**
:chart: +15.7% vs last period

:::

---

::: grid-2 card

### Visitors Over Time

![Line Chart](https://via.placeholder.com/600x300)

**Daily Visitors - Last 30 Days**

- Highest: 18,234 (Mar 15)
- Lowest: 12,456 (Mar 1)
- Average: 15,274

[View Detailed Report →]

### Traffic Sources

![Pie Chart](https://via.placeholder.com/600x300)

| Source | Visitors | Percentage |
|--------|----------|------------|
| Organic Search | 234,567 | 51% |
| Direct | 98,234 | 21% |
| Social Media | 67,890 | 15% |
| Referral | 45,678 | 10% |
| Email | 11,865 | 3% |

:::

---

## Real-Time Activity

::: card

### Live Visitors: **1,234** 👁️

**Top Pages Right Now:**

| Page | Active Users | Avg. Time |
|------|--------------|-----------|
| /products | 234 | 2m 34s |
| /blog/article-1 | 189 | 4m 12s |
| /pricing | 156 | 1m 45s |
| /home | 145 | 0m 58s |
| /about | 89 | 2m 05s |

**Live Events:**
- 🛒 New purchase: $129.99 (2s ago)
- 👤 User signed up (5s ago)
- 📧 Newsletter subscription (8s ago)
- 🔔 Form submitted (12s ago)

[View Real-Time Dashboard →]

:::

---

::: grid-2 card

### Top Countries

| Country | Visitors | Sessions | Conversion |
|---------|----------|----------|------------|
| 🇺🇸 United States | 189,234 | 345,678 | 3.2% |
| 🇬🇧 United Kingdom | 67,890 | 123,456 | 2.8% |
| 🇨🇦 Canada | 45,678 | 89,012 | 2.5% |
| 🇦🇺 Australia | 34,567 | 67,890 | 3.0% |
| 🇩🇪 Germany | 28,901 | 54,321 | 2.3% |

[View Full Report →]

### Top Cities

| City | Visitors | Revenue |
|------|----------|---------|
| New York | 45,678 | $89,234 |
| London | 34,567 | $67,890 |
| Toronto | 23,456 | $45,678 |
| Sydney | 19,234 | $38,901 |
| Berlin | 15,678 | $29,456 |

:::

---

::: grid-2 card

### Device Types

![Bar Chart](https://via.placeholder.com/500x250)

- 📱 Mobile: 52% (238,282 visitors)
- 💻 Desktop: 38% (174,129 visitors)
- 📱 Tablet: 10% (45,823 visitors)

### Browser Distribution

| Browser | Users | Percentage |
|---------|-------|------------|
| Chrome | 234,567 | 51% |
| Safari | 123,456 | 27% |
| Firefox | 67,890 | 15% |
| Edge | 23,456 | 5% |
| Other | 8,865 | 2% |

:::

---

## Content Performance

::: card

### Top Performing Pages

| Page | Views | Unique | Avg. Time | Bounce |
|------|-------|--------|-----------|--------|
| /blog/how-to-guide | 45,678 | 34,567 | 5m 23s | 32% |
| /products/featured | 38,901 | 29,234 | 3m 45s | 28% |
| /pricing | 34,567 | 28,901 | 2m 12s | 45% |
| /case-studies | 28,234 | 21,456 | 6m 34s | 25% |
| /home | 198,456 | 145,678 | 1m 23s | 52% |

[Analyze Content →]

:::

---

::: grid-3 card

### Step 1: Landing
**100,000** visitors
100%

[↓ 75%]

### Step 2: Engaged
**75,000** visitors
75%

[↓ 40%]

### Step 3: Converted
**30,000** visitors
30%

:::

**Conversion Rate:** 30% | **Drop-off:** 70%

[Optimize Funnel →]

---

## Goals & Events

::: grid-4 card

### Newsletter Signups
**8,234**
Target: 10,000
[######____] 82%

### Product Purchases
**2,456**
Target: 3,000
[######____] 82%

### Free Trial Starts
**5,678**
Target: 5,000
[##########] 114%

### Contact Forms
**1,234**
Target: 2,000
[#####_____] 62%

:::

---

## User Engagement

::: card

### Session Statistics

| Metric | Value | Change |
|--------|-------|--------|
| Pages per Session | 4.2 | +8% ⬆️ |
| Average Session Duration | 3m 24s | +12% ⬆️ |
| New vs Returning | 45% / 55% | - |
| Sessions with Conversion | 3.2% | +15% ⬆️ |

### Engagement by Hour

![Heatmap](https://via.placeholder.com/700x200)

**Peak Hours:** 2pm - 4pm EST
**Lowest Activity:** 3am - 5am EST

:::

---

## Recent Activity Log

| Time | Event | User | Details |
|------|-------|------|---------|
| 2m ago | Purchase | user_45678 | $129.99 • Product A |
| 5m ago | Signup | user_45679 | Free trial started |
| 8m ago | Page View | user_45680 | /pricing |
| 12m ago | Form Submit | user_45681 | Contact form |
| 15m ago | Download | user_45682 | Whitepaper.pdf |

[View All Activity →]

---

## Filters & Segments

::: card

### Advanced Filters

Date Range
From: [_____________________________] {type:date}
To: [_____________________________] {type:date}

Traffic Source
- [x] Organic
- [x] Direct
- [x] Social
- [ ] Paid
- [ ] Email

Device Type
- [x] Desktop
- [x] Mobile
- [x] Tablet

Country
[Select countries...v]

Custom Segment
[Select or create...v]

[Apply Filters]* [Reset] [Save Segment]

:::

---

::: footer
Last updated: 2 minutes ago • [Export Report] • [Schedule Email] • [Share Dashboard]
:::

Style Variations:

sketch - Quick dashboard prototype
clean - Modern analytics interface
wireframe - Data structure focus
tailwind - Contemporary SaaS dashboard
material - Google Analytics aesthetic
brutal - Bold data visualization
none - Semantic HTML for charting libs

Generate this example:

bash

wiremd analytics-dashboard.md --style sketch
wiremd analytics-dashboard.md --style material -o analytics-material.html
wiremd analytics-dashboard.md --style clean -o analytics-clean.html

Analytics Dashboard ​

Analytics Dashboard