<Card title="Live Overview">
<Stat label="Viewers now" value="12,345" change="+" tone="info" />
<Chart type="bar" x="Title" y="Hours" title="Most‑watched titles">
| Title | Hours |
|---|---|
| Drama A | 4500 |
| Comedy B | 3800 |
| Thriller C | 3200 |
| Documentary D | 2700 |
| Kids E | 2100 |
</Chart>
<Chart type="line" x="Week" y="Watch Time (hrs)" title="Watch time past month">
| Week | Watch Time (hrs) |
|---|---|
| Week 1 | 12000 |
| Week 2 | 13500 |
| Week 3 | 14000 |
| Week 4 | 15000 |
</Chart>
<Stat label="New subscribers" value="842" change="+" tone="success" />
<Stat label="Cancellations" value="315" change="-" tone="warning" />
<Chart type="pie" x="Genre" y="Hours" title="Performance by genre">
| Genre | Hours |
|---|---|
| Drama | 12000 |
| Comedy | 9500 |
| Thriller | 8200 |
| Documentary | 6400 |
| Kids | 4100 |
</Chart>
<Progress value="2.5" max="5" label="Buffering rate" tone="warning" />
<Chart type="horizontal" x="Region" y="Health %" title="Delivery health by region">
| Region | Health % |
|---|---|
| North America | 98 |
| Europe | 95 |
| Asia | 92 |
| Latin America | 89 |
| Africa | 85 |
</Chart>
<Details title="Releases coming this month" open="true">
- Mystery Series S3 – June 5
- Sci-Fi Movie X – June 12
- Comedy Special Y – June 20
</Details>
<Details title="Licenses expiring soon" open="true">
- License A – expires July 1
- License B – expires July 15
- License C – expires July 30
</Details>
<Stat label="Recommendation clicks" value="1,240" change="+" tone="info" />
<Chart type="bar" x="Date" y="Clicks" title="Recommendation click frequency">
| Date | Clicks |
|---|---|
| Jun 1 | 300 |
| Jun 2 | 280 |
| Jun 3 | 320 |
| Jun 4 | 295 |
| Jun 5 | 310 |
</Chart>
<Stat label="Searches no playback" value="542" change="-" tone="warning" />
</Card>

<Card title="Metrics & Controls">
<Chart type="pie" x="Plan" y="Revenue" title="Revenue split by plan">
| Plan | Revenue |
|---|---|
| Basic | $45,000 |
| Standard | $78,000 |
| Premium | $120,000 |
</Chart>
<Chart type="horizontal" x="Device" y="Minutes" title="Viewing split by device">
| Device | Minutes |
|---|---|
| Mobile | 45,000 |
| TV | 30,000 |
| Tablet | 12,000 |
| Desktop | 8,000 |
</Chart>
<Select label="Focus region" options="All | North America | Europe | Asia | Latin America | Africa" name="region_filter" placeholder="Select region" hint="Filter all stats" value="All" required="true" />
<Checkboxes label="Feature flags" options="Auto Play | Download Offline | 4K Streaming" name="feature_flags" value="Auto Play | Download Offline | 4K Streaming" hint="Toggle features" required="true" />
<Button variant="primary" href="#" ask="Promote title" size="large" label="Promote Title" disabled="false" />
</Card>