Token usage split three ways across one shared track. The segments sit in a single rail rather than three of their own, because the point of the picture is that they add up to a budget. The largest share carries a blue to sky gradient, held in hex rather than tokens because it is the one lit thing in the picture and a token that reskins with the page would take the highlight with it; the other two are the host's own token at two depths, so the chart stays legible in whatever palette the host is running and a second hue never reads as a second measurement. One component and one stylesheet, no dependencies and no client hooks.
pnpm dlx shadcn@latest add "https://ui.d2studio.dev/r/visualization-01.json"