Start with four pinned rows. The first bar view keeps the input order, even though the largest value is not first.
Then sort by count from high to low. The after view uses the same rows, but the bars now read in descending order: email, search, social, ads.
A tiny sorting readout: show the category bars in input order, sort the same rows descending by count, and read the reordered visual.
highlighted = computed this step
Load input order
Start with 4 pinned category rows in input order.
input order
Draw before sorting
Before sorting, the bars keep the input order: search, ads, email, social.
before sort
Sort descending by count
Sort descending by count: 12, then 9, then 5, then 3.
sort descending
Read the reordered visual
After sorting, the same 4 rows read high to low: email, search, social, ads.