Ranking charts in Matplotlib - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to create a simple bar chart showing rankings.

Matplotlib

import matplotlib.pyplot as plt

items = ['A', 'B', 'C', 'D']
scores = [4, 2, 3, 1]

plt.bar(items, [1])
plt.show()

Drag options to blanks, or click blank then click option'

Arange(4)

Bitems

C[1, 2, 3, 4]

Dscores

Attempts:

3 left

💡 Hint

Common Mistakes

Using the item names instead of scores for bar heights.

Passing a range object instead of a list of scores.

The bar chart needs the heights of bars, which are the scores.

2fill in blank

medium

Complete the code to sort the items by their scores before plotting.

Matplotlib

items = ['A', 'B', 'C', 'D']
scores = [4, 2, 3, 1]

sorted_pairs = sorted(zip(items, scores), key=lambda x: x[[1]])
sorted_items, sorted_scores = zip(*sorted_pairs)

import matplotlib.pyplot as plt
plt.bar(sorted_items, sorted_scores)
plt.show()

Drag options to blanks, or click blank then click option'

A0

B1

C-1

D2

Attempts:

3 left

💡 Hint

Common Mistakes

Sorting by index 0 which is the item name, not the score.

Using an invalid index like 2 which does not exist.

The scores are the second element in each pair, index 1.

3fill in blank

hard

Fix the error in the code to display the ranking chart with labels rotated.

Matplotlib

import matplotlib.pyplot as plt

items = ['A', 'B', 'C', 'D']
scores = [4, 2, 3, 1]

plt.bar(items, scores)
plt.xticks(rotation=[1])
plt.show()

Drag options to blanks, or click blank then click option'

A45

Brotation=45

C'45deg'

D'45 degrees'

Attempts:

3 left

💡 Hint

Common Mistakes

Passing rotation as a string causes an error.

Using an invalid keyword inside plt.xticks.

The rotation argument expects an integer number of degrees, not a string.

4fill in blank

hard

Fill both blanks to create a horizontal bar chart sorted by scores.

Matplotlib

import matplotlib.pyplot as plt

items = ['A', 'B', 'C', 'D']
scores = [4, 2, 3, 1]

sorted_pairs = sorted(zip(items, scores), key=lambda x: x[[1]])
sorted_items, sorted_scores = zip(*sorted_pairs)

plt.[2](sorted_items, sorted_scores)
plt.show()

Drag options to blanks, or click blank then click option'

A1

B0

Cbarh

Dbar

Attempts:

3 left

💡 Hint

Common Mistakes

Sorting by index 0 which is item name.

Using plt.bar instead of plt.barh for horizontal bars.

Sort by scores at index 1 and use plt.barh for horizontal bars.

5fill in blank

hard

Fill all three blanks to create a ranking chart with colors based on score thresholds.

Matplotlib

import matplotlib.pyplot as plt

items = ['A', 'B', 'C', 'D']
scores = [4, 2, 3, 1]

colors = ['green' if score [1] 3 else 'red' for score in scores]

plt.bar(items, scores, color=[2])
plt.title('Ranking Chart')
plt.ylabel([3])
plt.show()

Drag options to blanks, or click blank then click option'

A>

Bcolors

C'Scores'

D<

Attempts:

3 left

💡 Hint

Common Mistakes

Using '<' instead of '>' changes color logic.

Passing a string instead of the colors list to color.

Not labeling the y-axis properly.

Use '>' to check scores above 3, pass colors list, and label y-axis as 'Scores'.

Practice

1. What is the main purpose of a ranking chart in matplotlib?

easy

A. To display items ordered by their values from highest to lowest

B. To show random data points without any order

C. To plot data only on the x-axis without y-axis labels

D. To create 3D surface plots

Solution

1. Step 1: Understand ranking chart purpose

   Ranking charts are designed to show items sorted by their values, usually from highest to lowest.

2. Step 2: Compare options with definition

   Only To display items ordered by their values from highest to lowest correctly describes this purpose, while others describe unrelated chart types or features.

3. Final Answer:

   To display items ordered by their values from highest to lowest -> Option A

4. Quick Check:

   Ranking chart = ordered display [OK]

Hint: Ranking charts always sort data before plotting [OK]

Common Mistakes:

• Thinking ranking charts show unsorted data
• Confusing ranking charts with scatter plots
• Assuming ranking charts are 3D plots

2. Which of the following matplotlib code snippets correctly sorts data for a ranking chart?

easy

A. data_sorted = data.sort_values(ascending=False)

B. data_sorted = data.random_shuffle()

C. data_sorted = data.sort_index()

D. data_sorted = data.dropna()

Solution

1. Step 1: Identify sorting method for ranking

   Ranking charts require sorting values in descending order to rank from highest to lowest.

2. Step 2: Evaluate each option

   data_sorted = data.sort_values(ascending=False) uses sort_values(ascending=False) which sorts data correctly. Others either shuffle, sort by index, or drop missing values, which are unrelated.

3. Final Answer:

   data_sorted = data.sort_values(ascending=False) -> Option A

4. Quick Check:

   Sort values descending = correct sorting [OK]

Hint: Use sort_values(ascending=False) to rank highest first [OK]

Common Mistakes:

• Using sort_index instead of sort_values
• Shuffling data randomly before plotting
• Dropping data instead of sorting

3. What will be the output of this code snippet?

import matplotlib.pyplot as plt
values = [50, 20, 30]
labels = ['A', 'B', 'C']
plt.barh(labels, values)
plt.gca().invert_yaxis()
plt.show()

medium

A. A horizontal bar chart with 'C' at the top and 'A' at the bottom

B. A vertical bar chart with bars labeled A, B, C

C. A horizontal bar chart with 'A' at the top and 'C' at the bottom

D. An error because invert_yaxis() is invalid here

Solution

1. Step 1: Understand horizontal bar chart with invert_yaxis()

   The barh function plots horizontal bars with labels on y-axis. By default, y-axis starts from bottom.

2. Step 2: Effect of invert_yaxis()

   Calling invert_yaxis() flips the y-axis so the first label 'A' appears at the top, making ranking easier to read.

3. Final Answer:

   A horizontal bar chart with 'A' at the top and 'C' at the bottom -> Option C

4. Quick Check:

   invert_yaxis flips labels top-down [OK]

Hint: invert_yaxis() flips bars so top label is first [OK]

Common Mistakes:

• Thinking invert_yaxis() causes error
• Confusing horizontal with vertical bars
• Assuming labels order stays bottom-up

4. Identify the error in this ranking chart code:

import matplotlib.pyplot as plt
values = [10, 40, 30]
labels = ['X', 'Y', 'Z']
plt.barh(labels, values)
plt.show()

medium

A. plt.show() is missing

B. The bars are not sorted, so ranking is incorrect

C. barh() cannot plot horizontal bars

D. The labels list is missing one label

Solution

1. Step 1: Check if data is sorted for ranking

   The values are [10, 40, 30] but not sorted. Ranking charts require sorted data to show correct order.

2. Step 2: Confirm other parts are correct

   Labels match values count, barh is valid, and plt.show() is present. So only sorting is missing.

3. Final Answer:

   The bars are not sorted, so ranking is incorrect -> Option B

4. Quick Check:

   Ranking needs sorted data [OK]

Hint: Always sort values before plotting ranking charts [OK]

Common Mistakes:

• Ignoring sorting before plotting
• Assuming barh() plots vertical bars
• Forgetting plt.show()

5. You have a dictionary of sales data:

sales = {'Store A': 300, 'Store B': 450, 'Store C': 200, 'Store D': 450}

How can you create a ranking chart that correctly shows stores ranked by sales, with ties handled by alphabetical order, using matplotlib?

hard

A. Sort by sales ascending, then plot horizontal bars without inverting y-axis

B. Plot bars directly without sorting, then invert y-axis

C. Sort only by store name ascending, then plot vertical bars

D. Sort by sales descending, then by store name ascending, then plot horizontal bars with inverted y-axis

Solution

1. Step 1: Sort data by sales descending and store name ascending

   To handle ties, first sort by sales descending, then by store name ascending to break ties alphabetically.

2. Step 2: Plot horizontal bars and invert y-axis for ranking

   Plot sorted data with barh and call invert_yaxis() to show highest rank at top.

3. Final Answer:

   Sort by sales descending, then by store name ascending, then plot horizontal bars with inverted y-axis -> Option D

4. Quick Check:

   Sort by value desc + name asc + invert_yaxis = ranking [OK]

Hint: Sort by value desc and name asc, then invert y-axis [OK]

Common Mistakes:

• Not sorting by store name to break ties
• Plotting without sorting
• Using vertical bars without ranking logic