Horizontal Bar Ranking
Horizontal bar chart ranking the top 6 pages by view count with inline value labels and a footnote naming the 3x lead of the top page.
Horizontal bar chart ranking the top 6 pages by view count with inline value labels and a footnote naming the 3x lead of the top page.
The Application Collection unlocks the source for every Application block. All Access unlocks every Collection.
Already purchased? Log in
Horizontal Bar Ranking is the top pages panel, six routes ranked by unique views in the last 30 days, with inline value labels so the order reads instantly without a tooltip. The pricing page sits at 148k views, full opacity, while the five below it render at 65 percent to keep attention on the leader. The footnote names the ratio: 3x the next ranked page, with a concrete follow-up action about the CTA above the fold.
Data is one const array sorted descending in the source. The recharts layout is vertical, which maps a bar to each row, and the LabelList formats values as k abbreviations so long numbers never crowd the panel.
Reach for this block on a content analytics or marketing dashboard, wired to your page view endpoint. The footnote slot is where you put the signal the number alone cannot carry.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the public site top pages strip. Other rankings:
Tip: pin the footnote to the ratio, not the raw number, a ratio is what tells someone whether to act.