Read the Sort

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\text{input order}
Input Category Countscategorycountsearch9ads3email12social5

Draw before sorting

Before sorting, the bars keep the input order: search, ads, email, social.

before sort\text{before sort}
Before sorting: input-order barscategory ordercount0369129search3ads12email5social

Sort descending by count

Sort descending by count: 12, then 9, then 5, then 3.

sort descending\text{sort descending}
Same Rows Sorted Descendingcategorycountemail12search9social5ads3

Read the reordered visual

After sorting, the same 4 rows read high to low: email, search, social, ads.

after sort\text{after sort}
After sorting: descending barscategory ordercount03691212emailfirst after sort9search5social3ads