<Card title="Key metrics">
<Columns>
<Stat label="Active learners" value="1,250" change="+" tone="info" />
<Stat label="Course completion" value="78%" change="+" tone="success" />
<Stat label="Avg quiz score" value="85%" change="+" tone="info" />
</Columns>
</Card>

<Card title="Courses by enrollment">
<Chart type="bar" title="Enrollment" x="Course" y="Learners">
| Course | Learners |
|---|---|
| Intro to AI | 340 |
| Data Science | 280 |
| Web Dev | 210 |
| Marketing | 190 |
| Design | 150 |
</Chart>
</Card>

<Card title="Learners at risk">
<FollowUps>
<Step title="John Doe" status="todo">Inactive last 2 weeks</Step>
<Step title="Jane Smith" status="todo">Low quiz scores</Step>
<Step title="Alex Roe" status="todo">Missed assignments</Step>
</FollowUps>
</Card>

<Card title="Filter cohort">
<Select label="Cohort" placeholder="Select cohort" options="Cohort A | Cohort B | Cohort C | All" required="false" />
</Card>

<Card title="Engagement (last 8 weeks)">
<Chart type="line" title="Weekly engagement" x="Week" y="Logins">
| Week | Logins |
|---|---|
| W1 | 120 |
| W2 | 135 |
| W3 | 150 |
| W4 | 165 |
| W5 | 180 |
| W6 | 170 |
| W7 | 190 |
| W8 | 200 |
</Chart>
</Card>

<Card title="Message cohort">
<Form name="cohort-message">
<TextArea label="Message" placeholder="Hello cohort!" />
<Button variant="primary" href="#" ask disabled="false" size="medium">Send message</Button>
</Form>
</Card>