Lumen / Data visualization
One dataset.
Three renderers.
Compare the same illustrative data in Astro, React, and Web Components. Inspect a point, toggle a series, or open the exact values.
Choose a chartThe overview
A clearer picture.
Daily activity
August 2026 · missing days stay distinct
2026-08-01 – 2026-08-28. Value: 26/28. Not available: 2.
2026-08-01 – 2026-08-28
View chart data
| Category | Value |
|---|---|
| 2026-08-01 | 0 |
| 2026-08-02 | 1 |
| 2026-08-03 | 2 |
| 2026-08-04 | 3 |
| 2026-08-05 | 4 |
| 2026-08-06 | 5 |
| 2026-08-07 | 6 |
| 2026-08-08 | Not available |
| 2026-08-09 | 8 |
| 2026-08-10 | 0 |
| 2026-08-11 | 1 |
| 2026-08-12 | 2 |
| 2026-08-13 | 3 |
| 2026-08-14 | 4 |
| 2026-08-15 | 5 |
| 2026-08-16 | Not available |
| 2026-08-17 | 7 |
| 2026-08-18 | 8 |
| 2026-08-19 | 0 |
| 2026-08-20 | 1 |
| 2026-08-21 | 2 |
| 2026-08-22 | 3 |
| 2026-08-23 | 4 |
| 2026-08-24 | 5 |
| 2026-08-25 | 6 |
| 2026-08-26 | 7 |
| 2026-08-27 | 8 |
| 2026-08-28 | 0 |
From visit to subscription
Visits: 4800. Registered: 2100. Activated: 1250. Paid: 640
- Visits4800
- Registered2100
- Activated1250
- Paid640
View chart data
| Category | Value |
|---|---|
| Visits | 4800 |
| Registered | 2100 |
| Activated | 1250 |
| Paid | 640 |
Response distribution
Precomputed summary · minutes
North team. Lower whisker: 12. First quartile: 22. Median: 31. Third quartile: 44. Upper whisker: 61. Outliers: 8, 73. South team. Lower whisker: 16. First quartile: 29. Median: 38. Third quartile: 48. Upper whisker: 66. Outliers: 78. East team. Lower whisker: 10. First quartile: 18. Median: 24. Third quartile: 36. Upper whisker: 53. Outliers: —.
- North teamMedian: 31
- South teamMedian: 38
- East teamMedian: 24
View chart data
| Category | Lower whisker | First quartile | Median | Third quartile | Upper whisker | Outliers |
|---|---|---|---|---|---|---|
| North team | 12 | 22 | 31 | 44 | 61 | 8, 73 |
| South team | 16 | 29 | 38 | 48 | 66 | 78 |
| East team | 10 | 18 | 24 | 36 | 53 | — |
Request volume
Requests and completions · 09:00–12:00
2 series, 51 points. Values range from 34 to 188. 1 missing value.
- Capacity target: 160
View chart data
| Category | Requests | Completed |
|---|---|---|
| 09:00 | 48 | 34 |
| 09:01 | 52 | 38 |
| 09:08 | 46 | 36 |
| 09:15 | 61 | 43 |
| 09:23 | 58 | 42 |
| 09:30 | Not available | 51 |
| 09:38 | 78 | 55 |
| 09:45 | 72 | 53 |
| 09:53 | 86 | 66 |
| 10:00 | 82 | 61 |
| 10:08 | 106 | 76 |
| 10:15 | 118 | 82 |
| 10:23 | 110 | 79 |
| 10:30 | 124 | 89 |
| 10:38 | 103 | 74 |
| 10:45 | 98 | 71 |
| 10:53 | 116 | 83 |
| 11:00 | 137 | 96 |
| 11:08 | 129 | 92 |
| 11:15 | 148 | 106 |
| 11:23 | 141 | 103 |
| 11:30 | 165 | 119 |
| 11:38 | 158 | 112 |
| 11:45 | 176 | 125 |
| 11:53 | 169 | 122 |
| 12:00 | 188 | 136 |
Team performance
Current score · shared scale
- Design88
- Engineering91
- Support74
- Operations83
View chart data
| Category | Score |
|---|---|
| Design | 88 |
| Engineering | 91 |
| Support | 74 |
| Operations | 83 |
Progress by team
Previous quarter to current quarter
- Design62 88
- Engineering76 91
- Support81 74
- Operations54 83
View chart data
| Category | Previous | Current |
|---|---|---|
| Design | 62 | 88 |
| Engineering | 76 | 91 |
| Support | 81 | 74 |
| Operations | 54 | 83 |
On-time delivery
Actual performance against the service target
Value: 86%. Target: 95%.
Target95%
- Developing0%–70%
- Consistent70%–90%
- Excellent90%–100%
View chart data
| Category | Value |
|---|---|
| Value | 86% |
| Target | 95% |
| Developing | 0%–70% |
| Consistent | 70%–90% |
| Excellent | 90%–100% |
Revenue movement
Opening balance to closing · USD, thousands
1 series, 6 points. Values range from -45 to 185.
USD, thousands
View chart data
| Category | Start | End | USD, thousands |
|---|---|---|---|
| Opening | 0 | 120 | 120 |
| New | 120 | 205 | 85 |
| Expansion | 205 | 240 | 35 |
| Churn | 240 | 195 | -45 |
| Credits | 195 | 185 | -10 |
| Closing | 0 | 185 | 185 |
Response time
Distribution of requests · milliseconds
1 series, 12 points. Values range from 3 to 57.
Count
View chart data
| Category | Start | End | Count |
|---|---|---|---|
| 0–25 | 0 | 25 | 3 |
| 25–50 | 25 | 50 | 8 |
| 50–75 | 50 | 75 | 18 |
| 75–100 | 75 | 100 | 34 |
| 100–125 | 100 | 125 | 48 |
| 125–150 | 125 | 150 | 57 |
| 150–175 | 150 | 175 | 51 |
| 175–200 | 175 | 200 | 37 |
| 200–225 | 200 | 225 | 26 |
| 225–250 | 225 | 250 | 15 |
| 250–275 | 250 | 275 | 8 |
| 275–300 | 275 | 300 | 3 |
Traffic sources
Share of acquisition by channel
1 series, 4 points. Values range from 8 to 48.
- Organic
- Direct
- Referral
- Social
View chart data
| Category | Value | Share |
|---|---|---|
| Organic | 48 | 48% |
| Direct | 27 | 27% |
| Referral | 17 | 17% |
| Social | 8 | 8% |
Activity patterns
Difference from baseline · every two hours
83 available heatmap cells.
View chart data
| Column | Row | Value |
|---|---|---|
| 00:00 | Mon | 2 |
| 02:00 | Mon | 6 |
| 04:00 | Mon | 8 |
| 06:00 | Mon | 9 |
| 08:00 | Mon | 8 |
| 10:00 | Mon | 5 |
| 12:00 | Mon | 1 |
| 14:00 | Mon | -3 |
| 16:00 | Mon | -5 |
| 18:00 | Mon | -5 |
| 20:00 | Mon | -3 |
| 22:00 | Mon | 0 |
| 00:00 | Tue | -5 |
| 02:00 | Tue | -2 |
| 04:00 | Tue | 2 |
| 06:00 | Tue | 5 |
| 08:00 | Tue | 7 |
| 10:00 | Tue | 6 |
| 12:00 | Tue | 3 |
| 14:00 | Tue | -1 |
| 16:00 | Tue | -4 |
| 18:00 | Tue | -7 |
| 20:00 | Tue | -7 |
| 22:00 | Tue | -6 |
| 00:00 | Wed | -9 |
| 02:00 | Wed | -7 |
| 04:00 | Wed | -4 |
| 06:00 | Wed | 0 |
| 08:00 | Wed | 3 |
| 10:00 | Wed | 5 |
| 12:00 | Wed | 5 |
| 14:00 | Wed | 3 |
| 16:00 | Wed | -1 |
| 18:00 | Wed | -5 |
| 20:00 | Wed | -8 |
| 22:00 | Wed | -9 |
| 00:00 | Thu | -5 |
| 02:00 | Thu | -6 |
| 04:00 | Thu | -5 |
| 06:00 | Thu | -2 |
| 08:00 | Thu | 2 |
| 10:00 | Thu | 6 |
| 12:00 | Thu | 8 |
| 14:00 | Thu | 8 |
| 16:00 | Thu | 6 |
| 18:00 | Thu | 3 |
| 20:00 | Thu | -1 |
| 22:00 | Thu | -4 |
| 00:00 | Fri | -1 |
| 02:00 | Fri | -4 |
| 04:00 | Fri | -6 |
| 06:00 | Fri | -5 |
| 08:00 | Fri | -3 |
| 10:00 | Fri | 1 |
| 12:00 | Fri | 5 |
| 14:00 | Fri | 7 |
| 16:00 | Fri | 8 |
| 18:00 | Fri | 7 |
| 20:00 | Fri | 4 |
| 22:00 | Fri | 0 |
| 00:00 | Sat | 1 |
| 02:00 | Sat | -3 |
| 04:00 | Sat | -7 |
| 06:00 | Sat | -9 |
| 08:00 | Sat | -9 |
| 10:00 | Sat | -7 |
| 12:00 | Sat | -3 |
| 14:00 | Sat | 1 |
| 16:00 | Sat | Not available |
| 18:00 | Sat | 5 |
| 20:00 | Sat | 5 |
| 22:00 | Sat | 2 |
| 00:00 | Sun | 6 |
| 02:00 | Sun | 3 |
| 04:00 | Sun | -1 |
| 06:00 | Sun | -4 |
| 08:00 | Sun | -7 |
| 10:00 | Sun | -7 |
| 12:00 | Sun | -6 |
| 14:00 | Sun | -3 |
| 16:00 | Sun | 1 |
| 18:00 | Sun | 4 |
| 20:00 | Sun | 6 |
| 22:00 | Sun | 6 |
Loading the React example…
Explore Request volume with pointer, touch, or arrow keys; use Escape to clear and its legend to compare. Open “View chart data” on any chart for exact values. Switch frameworks to inspect the same dataset.