Dev Design Library

Usage Split

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.

Usage Split preview
Library
D2Studio UI
Framework
React
Type
component
License
MIT
Install
npx shadcn@latest add https://d2studio.dev/r/visualization-01.json
Files
  • registry/default/components/visualization-01.tsx
  • registry/default/components/visualization-01/visualization-01.css
Source
https://github.com/rajaaltus/d2studio-ui

Categories

More from D2Studio UI