Sunburst Chart
ProA zoomable radial partition, one ring per level down the tree.
Source by directory
Thousands of lines, excluding lockfiles and generated code
Apps and packages are about a third of the source each, and the largest single directory is the web app's components at 296 thousand lines. Currently showing monorepo, 3 levels deep. Left and right arrows move between items at the same level, down opens an item, up goes back to its parent, Enter zooms into the selected item and Backspace zooms out. The full breakdown follows as a table.
| Item | Path | Value | Share of root |
|---|---|---|---|
| apps | top level | 1,087k | 45.2% |
| web | apps | 714k | 29.7% |
| components | apps / web | 296k | 12.3% |
| routes | apps / web | 184k | 7.7% |
| tests | apps / web | 143k | 5.9% |
| lib | apps / web | 91k | 3.8% |
| admin | apps | 236k | 9.8% |
| components | apps / admin | 112k | 4.7% |
| routes | apps / admin | 78k | 3.2% |
| tests | apps / admin | 46k | 1.9% |
| docs | apps | 137k | 5.7% |
| packages | top level | 653k | 27.2% |
| ui | packages | 416k | 17.3% |
| primitives | packages / ui | 208k | 8.6% |
| charts | packages / ui | 174k | 7.2% |
| tokens | packages / ui | 34k | 1.4% |
| core | packages | 156k | 6.5% |
| icons | packages | 62k | 2.6% |
| config | packages | 19k | 0.8% |
| services | top level | 541k | 22.5% |
| api | services | 376k | 15.6% |
| handlers | services / api | 167k | 6.9% |
| tests | services / api | 121k | 5% |
| db | services / api | 88k | 3.7% |
| worker | services | 94k | 3.9% |
| ingest | services | 71k | 3% |
| infra | top level | 124k | 5.2% |
| terraform | infra | 83k | 3.5% |
| ci | infra | 27k | 1.1% |
| docker | infra | 14k | 0.6% |
Take it to four rings and the outer one is a band of slivers nothing can be read off, which is what happens to every deep sunburst. Click a wedge instead: it becomes the whole turn, and the level you wanted is the level with the most room.
This component installs from the private registry, which opens with Pro. The command and the one-time setup are shown here once your licence key is in this browser.
6 sections, and every other premium component
The preview above is the real Sunburst Chart, running. One purchase opens the sections above on this page and on every other component in the library.