Horizontal Bar Ranking

Subscription

A ranked top-N list — top pages, top referrers, top SKUs — where bar length shows magnitude and every label and value stays fully legible outside the fill, never clipped or reversed on dark mode. Auto-sorts descending, prints the rank number on every row, and ships an exact-value table fallback for anyone who can't read the bars visually.

Category: Stats & Numbers
Framework: astro
Version: 1.0.1
Peer deps: none

Install

bash

velocityx add horizontal-bar-ranking

This component is on the Velocity Components subscription. Run velocityx login <your-key> first — subscribe here if you haven't. The licence key is in your receipt email.

Demo

View the live demo on the showcase site ↗

Source

Component source isn't shown here for subscription components — that's the one thing the subscription gates. Install it with the CLI after logging in, or preview the rendered result on the live demo.

Theming

Uses the shared primary-* / accent-* scale — see Theming if colours look unstyled after install.