7.2 Graphical Interpretation: Bar, Line, Pie & Composite Charts

7.2 Graphical Interpretation: Bar, Line, Pie & Composite Charts

Key Exam Fact: Visual graphics—including clustered bar charts, component stacked bars, multi-trend line graphs, dual-axis diagrams, and pie charts—appear in nearly every Bocconi exam session. The primary psychometric objective of these items is to evaluate whether a candidate can detect visual distortions, distinguish between absolute values and relative proportions, and extract precise quantitative relationships from graphical geometry without computational software.

Graphical interpretation on the Bocconi Admission Test evaluates your visual-quantitative fluency. Rather than presenting simple, clean charts, test designers deliberately include dense visual features: split secondary axes, deceptive baseline origins, stacked layers with varying baselines, and angular slices without percentage labels.

Navigating these questions demands a systematic understanding of the graphic conventions and mathematical laws governing visual displays.

---

1. Bar Charts: Single, Grouped, and Stacked

Bar charts depict categorical data using rectangular bars whose lengths or heights are proportional to the values they represent.

Single and Grouped (Clustered) Bar Charts

• Clustered Bar Charts: Group bars side-by-side to allow multi-series comparisons across identical categories or time intervals (e.g., Exports vs. Imports across 5 countries).
• Pacing Rule: When comparing growth across grouped bars, do not compute exact differences for all categories. Use a visual ruler test (using the edge of your blank scratch paper to align heights) to eliminate non-contenders instantly.

Stacked (Component) Bar Charts: The Baseline Trap

In a stacked bar chart, each bar represents an aggregate total, partitioned into color-coded or shaded sub-components:

  Bar Height (Y-Axis)
   ^ 
   |  +---------------+  <-- y_top (Top Boundary = Total Value)
   |  |   Segment C   | 
   |  +---------------+  <-- y_mid2
   |  |   Segment B   |      Value of Segment B = y_mid2 - y_mid1
   |  +---------------+  <-- y_mid1 (Floating Baseline)
   |  |   Segment A   |      Value of Segment A = y_mid1 - 0
   +--+---------------+-------------------> Categories

CRITICAL BOCCONI TRAP: The value of an interior segment (e.g., Segment B) is NOT the y-coordinate of its top edge. It is the differential height: $\text{Value}(B) = y_{\text{mid2}} - y_{\text{mid1}}$ Reading $y_{\text{mid2}}$ directly from the axis is the single most common graphical error committed by unprepared test-takers.

100% Stacked Bar Charts: Relative vs. Absolute Reality

A 100% component bar chart fixes all bar heights to $100\%$, displaying the relative percentage distribution of components.

• The Trap: An increase in the vertical height of a component from Year 1 to Year 2 indicates an increasing percentage share, but NOT necessarily an increasing absolute value. If the total base shrank by $50\%$, a component whose share grew from $20\%$ to $30\%$ actually suffered a decline in absolute volume ($0.20 \times 100 = 20$, whereas $0.30 \times 50 = 15$).

---

2. Line Graphs, Time-Series & Inflection Points

Line graphs track continuous variables over chronological time, connecting discrete observations with line segments.

Mathematical Metrics of Line Graphs

1. Slope as Rate of Change: The slope of the segment connecting $(t_1, y_1)$ to $(t_2, y_2)$ represents the average rate of change: $$\text{Slope} = \frac{\Delta y}{\Delta t} = \frac{y_2 - y_1}{t_2 - t_1}$$
   • A steeper slope indicates faster absolute growth.
   • A downward slope indicates negative growth (contraction).
2. Growth Rate vs. Absolute Growth: Two series can have identical absolute increases (parallel lines with equal slopes $\Delta y$), but drastically different percentage growth rates if their initial baselines differ: $$\text{Series 1: } 10 \to 20 \implies \Delta = +10, \quad \text{Growth} = +100\%$$ $$\text{Series 2: } 100 \to 110 \implies \Delta = +10, \quad \text{Growth} = +10\%$$
3. Inflection Points and Trajectory Shifts: An inflection point occurs where the trajectory changes its directional momentum:
   • Shifting from accelerating growth (concave up, increasing slope) to decelerating growth (concave down, flattening slope).
   • Identifying the peak (maximum) or trough (minimum) where slope transitions between positive and negative.

---

3. Pie Charts: Geometric Angular Mechanics

A pie chart circular graphic represents a whole ($100\%$) divided into radial sectors. On the Bocconi test, slices are often labeled with degrees ($\theta$) instead of percentages, or with category names only.

The Fundamental Angular Conversion Formulas

Because a full circle comprises exactly $360^\circ$ and represents $100\%$ of the distribution:

$$360^\circ = 100\% \implies 1\% = \frac{360^\circ}{100} = 3.6^\circ$$ $$1^\circ = \frac{100\%}{360} = \frac{5}{18}\% \approx 0.278\%$$

To convert between sector angle $\theta$ and percentage $P\%$:

$$\theta = P \times 3.6^\circ \qquad \Longleftrightarrow \qquad P\% = \frac{\theta}{3.6^\circ} = \frac{\theta}{360^\circ} \times 100\%$$

Essential Benchmark Angles Table

Memorize these geometric benchmarks to bypass calculation entirely:

Reconstructing Total Population from a Sector

If a sector of angle $\theta$ represents a known absolute quantity $V_{\text{slice}}$:

$$\text{Total Population} = V_{\text{slice}} \times \frac{360^\circ}{\theta} = \frac{V_{\text{slice}}}{P\%}$$

---

4. Dual-Axis Charts: The Optical Illusion Trap

A dual-axis chart displays two distinct data series on the same plot area using two separate vertical scales: a primary vertical axis on the left and a secondary vertical axis on the right.

The Anatomy of Dual-Axis Deception

Consider a chart plotting Quarterly Active Users (QAU) in thousands on the left axis and Customer Acquisition Cost (CAC) in Euros on the right axis:

• Primary Left Axis: Scale from $0$ to $300$ (representing $0$ to $300,000$ users).
• Secondary Right Axis: Scale from €$0$ to €$60$ (representing CAC).

  QAU (000s) [Left Axis]                             CAC (€) [Right Axis]
  300 |                                                       | 60
  200 |                    \   / <--- Intersection Point      | 40
  100 |                     \ /                               | 20
    0 +----------------------X--------------------------------+ 0
                           Q3 2023

THE FATAL DUAL-AXIS TRAP: The visual point where the QAU curve crosses the CAC curve (at height 150 on the graphic) does NOT mean that users equaled acquisition cost!

• The QAU curve at height 150 indicates $150,000$ users.
• The CAC curve at height 150 indicates €$30$ CAC. The crossing point is entirely an artifact of how the graphic designer calibrated the heights of the two independent vertical scales. If the designer had scaled the right axis to €$120$, the intersection point would shift to an entirely different quarter, or disappear completely.

---

5. Histograms & Frequency Distributions

Histograms display the frequency distribution of a continuous numerical variable divided into contiguous, non-overlapping intervals termed bins (or class intervals).

Bin Width and Frequency Density

• Bin Width ($w$): The numerical range covered by a bin: $w = \text{Upper Limit} - \text{Lower Limit}$.
• Frequency ($f$): The number of observations falling within that bin.
• When bin widths are equal, the height of each bar is directly proportional to the frequency.

Distribution Skewness & Central Tendency

Bocconi questions test your ability to infer the relative positions of the Mean, Median, and Mode from visual skewness:

1. Symmetric (Normal / Bell-Shaped): $$\text{Mean} = \text{Median} = \text{Mode}$$
2. Positively Skewed (Right-Skewed): The tail extends toward higher values on the right. Extreme high values pull the mean upward: $$\text{Mode} < \text{Median} < \text{Mean}$$
3. Negatively Skewed (Left-Skewed): The tail extends toward lower values on the left. Extreme low values pull the mean downward: $$\text{Mean} < \text{Median} < \text{Mode}$$

---

6. Worked Examination Scenarios

Problem 1: Stacked Bar Chart Differential

A stacked bar chart shows European Renewable Energy Generation (TWh) across Wind, Solar, and Hydro from 2021 to 2024.

• In 2023, the total bar reaches 650 TWh.
• Hydro forms the bottom segment from 0 to 220 TWh.
• Wind forms the middle segment from 220 to 500 TWh.
• Solar forms the top segment from 500 to 650 TWh.
• In 2024, total generation expands to 750 TWh. Hydro increases to 240 TWh, Wind increases its absolute output by 15% over 2023, and Solar forms the remainder. Question: What was Solar's absolute generation in 2024, and what percentage share of total renewable generation did it represent?

1. Extract 2023 Absolute Segment Values:
   • Hydro 2023 = $220 - 0 = 220\text{ TWh}$.
   • Wind 2023 = $500 - 220 = 280\text{ TWh}$.
   • Solar 2023 = $650 - 500 = 150\text{ TWh}$.
2. Calculate 2024 Values:
   • Hydro 2024 = $240\text{ TWh}$.
   • Wind 2024 = $280 \times 1.15 = 280 + 42 = 322\text{ TWh}$.
   • Combined Hydro + Wind 2024 = $240 + 322 = 562\text{ TWh}$.
   • Solar 2024 = $\text{Total} - 562 = 750 - 562 = 188\text{ TWh}$.
3. Compute Solar Percentage Share in 2024: $$\text{Share} = \frac{188}{750} = \frac{188 \times 4}{750 \times 4} = \frac{752}{3,000} = \frac{250.67}{1,000} \approx 25.07\% \approx 25.1\%$$ Solar generated 188 TWh, representing 25.1% of total generation (an absolute increase of $188 - 150 = +38\text{ TWh}$).