# Training Platform Analytics

<Card title="Key Metrics" subtitle="Live data, updated hourly">
<Columns>
<Stat label="Active Learners (This Week)" value="1,284" change="+8.2%" tone="success" icon="users" />
<Stat label="Course Completion Rate" value="72.4%" change="+3.1%" tone="info" icon="check-circle" />
<Stat label="Average Quiz Score" value="81.6%" change="-1.4%" tone="warning" icon="chart-line" />
</Columns>
</Card>

<Card title="Course Enrollment Ranking" subtitle="By total enrolled learners">
<Chart type="horizontal" x="Courses" y="Enrollments">
| Course | Enrollments |
|---|---|
| Data Science Fundamentals | 1,842 |
| Python for Beginners | 1,567 |
| Web Development Bootcamp | 1,389 |
| UX Design Essentials | 1,204 |
| Cloud Architecture Basics | 986 |
| Digital Marketing 101 | 873 |
</Chart>
</Card>

<Card title="Learners at Risk of Dropping Out" subtitle="Based on inactivity > 7 days and declining quiz scores">
| Learner | Course | Last Active | Quiz Trend | Risk Level |
|---|---|---|---|---|
| Sarah Kim | Data Science Fundamentals | 9 days ago | Declining | <Badge tone="danger">High</Badge> |
| James Patel | Python for Beginners | 12 days ago | Declining | <Badge tone="danger">High</Badge> |
| Maria Lopez | Web Development Bootcamp | 6 days ago | Stable | <Badge tone="warning">Medium</Badge> |
| David Chen | UX Design Essentials | 15 days ago | N/A | <Badge tone="danger">High</Badge> |
| Emma Wilson | Cloud Architecture Basics | 5 days ago | Declining | <Badge tone="warning">Medium</Badge> |
| Tom O'Brien | Digital Marketing 101 | 4 days ago | Improving | <Badge tone="neutral">Low</Badge> |
</Card>

<Card title="Engagement & Cohort Controls" subtitle="Filter by cohort to see focused insights">
<Tabs>
<Tab title="All Cohorts">
<Chart type="line" x="Week" y="Active Learners">
| Week | Active Learners |
|---|---|
| Week 1 | 1,020 |
| Week 2 | 1,110 |
| Week 3 | 1,085 |
| Week 4 | 1,240 |
| Week 5 | 1,310 |
| Week 6 | 1,265 |
| Week 7 | 1,350 |
| Week 8 | 1,284 |
</Chart>
</Tab>
<Tab title="Cohort: Spring 2025">
<Chart type="line" x="Week" y="Active Learners">
| Week | Active Learners |
|---|---|
| Week 1 | 412 |
| Week 2 | 398 |
| Week 3 | 405 |
| Week 4 | 430 |
| Week 5 | 452 |
| Week 6 | 441 |
| Week 7 | 460 |
| Week 8 | 448 |
</Chart>
</Tab>
<Tab title="Cohort: Fall 2024">
<Chart type="line" x="Week" y="Active Learners">
| Week | Active Learners |
|---|---|
| Week 1 | 608 |
| Week 2 | 712 |
| Week 3 | 680 |
| Week 4 | 810 |
| Week 5 | 858 |
| Week 6 | 824 |
| Week 7 | 890 |
| Week 8 | 836 |
</Chart>
</Tab>
</Tabs>

<Callout tone="info" title="Narrow to a cohort">
<Select label="Select a cohort" options="All Cohorts | Spring 2025 | Fall 2024 | Winter 2025" placeholder="Choose a cohort" />
</Callout>

<Card title="Message a Cohort" subtitle="Send a direct notification to all learners in the selected cohort">
<Form name="cohort-message">
<Select label="Recipient cohort" options="All Cohorts | Spring 2025 | Fall 2024 | Winter 2025" placeholder="Choose a cohort" />
<Input label="Subject" type="text" placeholder="e.g., New module available" />
<TextArea label="Message" placeholder="Write your message to the cohort..." rows="5" />
<Button variant="primary">Send Message</Button>
<Button variant="secondary">Preview</Button>
</Form>
</Card>
</Card>

<FollowUps>
- Show me the at-risk learners in the Spring 2025 cohort specifically
- Compare completion rates between cohorts
- What's the trend in quiz scores over the last 8 weeks?
- Can I schedule a message to go out later?
</FollowUps>