Canviq Admin — Analytics Dashboard

Mockup
Scene 1 — Analytics Overview
High-level dashboard showing key performance indicators, submission trends, status distribution, and top categories. The date range picker allows filtering to custom periods.
Total Submissions
847
+12%
Vote Activity
2,340
+8%
Avg Response Time
4.2h
-15%
User Satisfaction (NPS)
72
+5

Submissions Over Time (Last 14 Days)

1/26
1/27
1/28
1/29
1/30
1/31
2/1
2/2
2/3
2/4
2/5
2/6
2/7
2/8

Status Distribution

22%
15%
18%
12%
28%
5%

Top Categories

Features
342
Bug Reports
271
UX/UI
182
Performance
112
Integration
72

Design Notes

1

Date range picker. Allows filtering all analytics to custom periods (last 7/30/90 days, or custom range via calendar). Persists across tabs.

2

KPI trends. Each metric shows percentage change vs previous period, with green (positive) or red (negative) indicator. Response time improvement shows green even though it's a decrease.

3

CSS bar charts. Simple mockup using flex/height percentages. Real implementation would use Recharts or similar library for interactivity.

4

Status stacked bar. Hover reveals exact counts, click filters dashboard to that status.

Scene 2 — Engagement Metrics
User activity trends, conversion funnel from visitor to submitter, voting patterns, and comment activity. Helps product teams understand user behavior and identify friction points.

User Activity (Last 30 Days)

Engagement Funnel

Visited
12,450
Viewed Submission
8,466
68%
Voted
5,229
42%
Commented
2,241
18%
Submitted
871
7%

Most Voted Submissions

Rank Title Votes Status
1 Dark mode support 342 Shipped
2 Export to CSV 287 In Progress
3 API access 241 Planned
4 Mobile app 218 Review
5 SSO integration 192 Open

Comment Activity Trend

Design Notes

1

Line chart SVG. Uses polyline for stroke and filled path for area gradient. Real implementation would use Recharts with tooltips showing exact values on hover.

2

Conversion funnel. Shows percentage drop-off at each stage. Helps identify friction points in the user journey.

3

Most voted table. Sortable by votes or status. Click row to navigate to submission detail page.

4

Split layout. Two-column grid for related metrics that benefit from side-by-side comparison.

Scene 3 — Sentiment Analysis
AI-powered sentiment analysis showing overall sentiment distribution, trends over time, word cloud of common themes, sentiment by category, and Claude-generated insights.

Overall Sentiment

62% Positive
Positive
62%
Neutral
25%
Negative
13%

Sentiment Over Time

Common Themes

dark mode performance export notifications mobile search API filtering integrations speed

Sentiment by Category

Category Avg Score Trend
Features +0.72
Bug Reports -0.45
UX/UI +0.58
Performance -0.12
Integration +0.34

Claude Analysis

User sentiment improved 8% this month, primarily driven by the shipping of dark mode (most requested feature). Remaining negative sentiment clusters around notification reliability and mobile performance issues. Recommend prioritizing the notification overhaul currently in review to address the largest source of user frustration.

Design Notes

1

Donut chart with SVG. Uses stroke-dasharray to create segments. Real implementation would use Recharts with interactive tooltips.

2

Stacked area mockup. Shows sentiment distribution over time. Each bar is 100% height split into positive/neutral/negative segments.

3

Word cloud placeholder. Real implementation would extract keywords via NLP, weight by frequency. Click word to filter submissions.

4

Claude insights. Generated via Claude Haiku API analyzing submission text. Updated daily. Provides actionable recommendations.

Scene 4 — Export & Reports
Scheduled reports, manual export options (CSV/JSON/PDF), custom report builder, and API endpoint hint for programmatic access.

Scheduled Reports

Weekly Summary Every Monday
Monthly Board Report 1st of month

Export Options

Custom Report Builder

Programmatic Access

Analytics data is available via REST API at GET /api/v1/analytics. Requires authentication with API key. See the API documentation for details.

Design Notes

1

Scheduled reports. Configured in Settings. Sent via email as PDF attachments. Click to edit schedule or recipient list.

2

Export buttons. CSV exports raw data, JSON for programmatic use, PDF for executive summaries. Respects current date range filter.

3

Custom report builder. Allows admins to create ad-hoc reports without SQL. Preview before exporting.

4

API hint. Directs technical users to programmatic access. API returns JSON with pagination and filtering support.