<Card title="Training Platform Analytics">

<Stat label="Active learners this week" value="342" change="+" tone="info" />

<Stat label="Course completion rate" value="78%" change="+" tone="success" />

<Stat label="Average quiz score" value="85%" change="+" tone="info" />

<Stat label="Learners at risk" value="48" change="+" tone="warning" />

<Card title="Courses by enrollment">
<Chart type="horizontal" x="Enrollment" y="Course" title="Courses ranked by enrollment">
| Course | Enrollment |
|---|---|
| Math 101 | 250 |
| Science 101 | 200 |
| History 101 | 180 |
| Art 101 | 150 |
| Literature 101 | 130 |
</Chart>
</Card>

<Card title="Cohort filter">
<Select label="Cohort" name="cohort" placeholder="Select a cohort" options="All cohorts | Cohort A | Cohort B | Cohort C" required=true />
</Card>

<Card title="Engagement over 8 weeks">
<Chart type="line" x="Week" y="Engagement" title="Weekly engagement">
| Week | Engagement |
|---|---|
| W1 | 1200 |
| W2 | 1350 |
| W3 | 1500 |
| W4 | 1650 |
| W5 | 1800 |
| W6 | 1900 |
| W7 | 2050 |
| W8 | 2200 |
</Chart>
</Card>

<Card title="Message a cohort">
<Button variant="primary" href="#" ask>Message Cohort</Button>
</Card>

</Card>