Ranking charts in Matplotlib - Step-by-Step Execution

Concept Flow - Ranking charts

Prepare data with values

↓

Sort data by value descending

↓

Assign ranks based on sorted order

↓

Plot bars with ranks on y-axis

↓

Add labels and title

↓

Display chart

Ranking charts show items ordered by value, with ranks on the axis, helping compare items visually.

Execution Sample

Matplotlib

import matplotlib.pyplot as plt

items = ['A', 'B', 'C', 'D']
values = [23, 45, 12, 37]

# Sort and rank
sorted_items = sorted(zip(items, values), key=lambda x: x[1], reverse=True)
ranks = list(range(1, len(items)+1))

# Plot
plt.barh(ranks, [v for _, v in sorted_items])
plt.yticks(ranks, [i for i, _ in sorted_items])
plt.xlabel('Value')
plt.title('Ranking Chart')
plt.show()

This code sorts items by value, assigns ranks, and plots a horizontal bar chart showing ranks on y-axis.

Execution Table

Step	Action	Data State	Result
1	Define items and values	items=['A','B','C','D'], values=[23,45,12,37]	Data ready
2	Sort items by value descending	sorted_items=[('B',45),('D',37),('A',23),('C',12)]	Items ordered by value
3	Assign ranks	ranks=[1,2,3,4]	Ranks assigned from 1 to 4
4	Plot horizontal bars	Bars plotted at ranks with values	Visual ranking chart created
5	Set y-axis labels	Y-axis labels=['B','D','A','C']	Labels show item names by rank
6	Add labels and title	X-label='Value', Title='Ranking Chart'	Chart labeled
7	Display chart	Chart shown on screen	Execution complete

💡 All steps completed, ranking chart displayed

Variable Tracker

Variable	Start	After Step 2	After Step 3	Final
items	['A','B','C','D']	['A','B','C','D']	['A','B','C','D']	['A','B','C','D']
values	[23,45,12,37]	[23,45,12,37]	[23,45,12,37]	[23,45,12,37]
sorted_items	N/A	[('B',45),('D',37),('A',23),('C',12)]	[('B',45),('D',37),('A',23),('C',12)]	[('B',45),('D',37),('A',23),('C',12)]
ranks	N/A	N/A	[1,2,3,4]	[1,2,3,4]

Key Moments - 3 Insights

Why do we sort the items before assigning ranks?

Sorting ensures the highest values get the top ranks, as shown in execution_table step 2 and 3.

Why are ranks used on the y-axis instead of item names directly?

Ranks provide a clear order visually; item names are added as labels on the y-axis after ranks (step 5).

What happens if we don't reverse sort the values?

Items would be ranked from smallest to largest, reversing the intended ranking order (see step 2 sorting).

Visual Quiz - 3 Questions

Look at the execution_table, what is the value of sorted_items after step 2?

A [('A',23),('B',45),('C',12),('D',37)]

B [('C',12),('A',23),('D',37),('B',45)]

C [('B',45),('D',37),('A',23),('C',12)]

D [('D',37),('B',45),('C',12),('A',23)]

💡 Hint

Check the 'Data State' column for step 2 in execution_table.

At which step are ranks assigned to the items?

A Step 3

B Step 2

C Step 1

D Step 4

💡 Hint

Look for 'Assign ranks' action in execution_table.

If we remove reverse=True in sorting, how would ranks change?

A Ranks would remain the same

B Ranks would assign highest rank to smallest value

C Ranks would be random

D Ranks would assign highest rank to largest value

💡 Hint

Refer to key_moments about sorting order and ranks.

Concept Snapshot

Ranking charts:
- Sort data by value descending
- Assign ranks starting at 1
- Plot bars with ranks on y-axis
- Label y-axis with item names
- Use horizontal bars for clear ranking
- Add axis labels and title

Full Transcript

Ranking charts help us see which items have the highest values by ordering them visually. First, we prepare the data with items and their values. Then, we sort the items from highest to lowest value. After sorting, we assign ranks starting at 1 for the highest value. We plot a horizontal bar chart with ranks on the y-axis and values on the x-axis. We label the y-axis with the item names so we know which bar belongs to which item. Finally, we add labels and a title to make the chart clear. This process helps us quickly compare items by their rank and value.