Zoom through a hierarchy, follow quantities between stages, compare profiles, watch a live metric and race a ranking over time.
Kind Pro compositionComponents 14
0container fluid→
Monthly cloud bill
Cloud spend by serviceHover or choose a slice. Slices with parts can be zoomed into.
Cloud spend by service| Path | Value |
|---|
| Cloud bill / Compute / Web servers | 18400 |
|---|
| Cloud bill / Compute / Workers | 9200 |
|---|
| Cloud bill / Compute / GPU jobs | 14100 |
|---|
| Cloud bill / Storage / Object storage | 7300 |
|---|
| Cloud bill / Storage / Databases / Primary | 6800 |
|---|
| Cloud bill / Storage / Databases / Replicas | 4100 |
|---|
| Cloud bill / Storage / Databases / Backups | 1900 |
|---|
| Cloud bill / Storage / Logs | 3200 |
|---|
| Cloud bill / Network / CDN | 5600 |
|---|
| Cloud bill / Network / Data transfer | 4400 |
|---|
| Cloud bill / Tooling / CI minutes | 2800 |
|---|
| Cloud bill / Tooling / Monitoring | 2100 |
|---|
From revenue to profit
Where each $100 of revenue goesHover or focus a stage or a band.
Where each $100 of revenue goes| From to | Value |
|---|
| Subscriptions to Revenue | 62 |
|---|
| Services to Revenue | 21 |
|---|
| Marketplace to Revenue | 9 |
|---|
| Revenue to Cost of revenue | 24 |
|---|
| Revenue to Gross profit | 68 |
|---|
| Gross profit to R&D | 23 |
|---|
| Gross profit to Sales and marketing | 19 |
|---|
| Gross profit to G&A | 8 |
|---|
| Gross profit to Operating profit | 18 |
|---|
Team skills against the target
Skill profileHover the chart, or focus it and use the arrow keys.
Skill profile| Axis | Platform team | Target |
|---|
| Design | 3 | 3.5 |
|---|
| Frontend | 4.5 | 4 |
|---|
| Backend | 4 | 4 |
|---|
| Data | 2.5 | 3.5 |
|---|
| Operations | 3.5 | 4 |
|---|
| Security | 3 | 4 |
|---|
Live latency
API latency p95Live130 ms40s agonow
API latency p95| Time | Value |
|---|
| 5s | 157.9541643231187 |
|---|
| 5.5s | 151.44982976156996 |
|---|
| 6s | 144.233600241796 |
|---|
| 6.5s | 136.75414596409675 |
|---|
| 7s | 129.4765031693114 |
|---|
| 7.5s | 122.85316043772968 |
|---|
| 8s | 117.29592514076215 |
|---|
| 8.5s | 113.1503192531425 |
|---|
| 9s | 110.67409647004709 |
|---|
| 9.5s | 110.02121633073867 |
|---|
| 10s | 111.23227176010585 |
|---|
| 10.5s | 114.23196519720224 |
|---|
| 11s | 118.83379023288825 |
|---|
| 11.5s | 124.75162767502225 |
|---|
| 12s | 131.61753505403223 |
|---|
| 12.5s | 139.0046235035733 |
|---|
| 13s | 146.45359964263446 |
|---|
| 13.5s | 153.50132221341852 |
|---|
| 14s | 159.70959796156367 |
|---|
| 14.5s | 164.69242637034517 |
|---|
| 15s | 168.13999930324218 |
|---|
| 15.5s | 169.8379633733353 |
|---|
| 16s | 169.68074739870144 |
|---|
| 16.5s | 167.6781263071802 |
|---|
| 17s | 163.95461337870472 |
|---|
| 17.5s | 158.7417186126258 |
|---|
| 18s | 152.3635545572527 |
|---|
| 18.5s | 145.21668456141302 |
|---|
| 19s | 137.74546638614572 |
|---|
| 19.5s | 130.4144241913318 |
|---|
Weekly downloads by package
Weekly downloadsQ1 2024- react-kit92,000
- chart-core41,000
- form-lab38,000
- motion-kit22,000
- icon-set60,000
- tokens30,000
- data-table18,000
Q1 2024: react-kit, icon-set, chart-core lead
Weekly downloads| Time | react-kit | chart-core | form-lab | motion-kit | icon-set | tokens | data-table |
|---|
| Q1 2024 | 92000 | 41000 | 38000 | 22000 | 60000 | 30000 | 18000 |
|---|
| Q2 2024 | 98000 | 52000 | 44000 | 31000 | 63000 | 36000 | 27000 |
|---|
| Q3 2024 | 101000 | 66000 | 47000 | 45000 | 64000 | 44000 | 39000 |
|---|
| Q4 2024 | 104000 | 81000 | 52000 | 58000 | 66000 | 49000 | 55000 |
|---|
| Q1 2025 | 107000 | 99000 | 57000 | 74000 | 67000 | 58000 | 72000 |
|---|
| Q2 2025 | 109000 | 118000 | 61000 | 92000 | 68000 | 66000 | 91000 |
|---|
| Q3 2025 | 111000 | 140000 | 66000 | 109000 | 69000 | 71000 | 118000 |
|---|
| Q4 2025 | 113000 | 166000 | 70000 | 131000 | 70000 | 79000 | 149000 |
|---|
Page appearance Components #
Each component has its own page with a focused preview, installation, usage and API.
- SunburstA radial hierarchy where each ring is a level and each arc a share of its parent.
- SankeyBands whose width shows how much flows from one stage to the next.
- Radar chartSeveral measures on shared axes, drawn as one filled shape.
- Realtime streamA live feed of events arriving, with rate and recent history.
- Race barsRanked bars that reorder as values change over time.
- Horizon chartMany series in little height: each row folds its values into bands of rising depth. One crosshair runs through every row, so a spike can be compared across services at the same moment.
- Chord diagramFlows between a handful of groups in both directions, such as plan changes or traffic between pages. Focus a group to keep only its ribbons and read them.
- Parallel coordinatesMany rows across several measures, one line each. Drag along an axis to keep a range; ranges combine. Keyboard: arrows move a range, Shift resizes it, Delete clears it.
- Beeswarm chartEvery value as its own dot along one axis, packed so none overlap. Splitting by group moves each dot into its lane, so you watch the groups separate.
- Icicle chartA hierarchy as stacked rows, each block as wide as its share. Choose a block to zoom; it widens and its descendants spread beneath it. Escape steps out.
- Baseline chartA value against a line you choose: area above and below take different colours, and you drag the line, or use the arrow keys, to ask what if the target were here.
- Control chartIs the process stable? Measurements with their mean and control limits. Points outside the limits and long runs on one side are marked once and listed.
- Marimekko chartA market map: columns as wide as their share, segments stacked by their share within, so area is share of the whole. Switch period and every block moves to its new size.
- Bubble timelineA scatter that moves through time: bubbles placed by two measures and sized by a third. Play, pause, scrub, or choose a name to trace its path. It never starts on its own.