Module 00

Chart Types

Visual grammar for data storytelling

Six Essential Chart Types

  • 01

    Bar Charts

    Compare discrete categories

  • 02

    Line Charts

    Show trends over time

  • 03

    Scatter Plots

    Reveal relationships between variables

  • 04

    Histograms

    Display distribution shapes

  • 05

    Box Plots

    Summarize spread and outliers

  • 06

    Pie Charts

    Show parts of a whole

01

Bar Charts

Interactive Histogram Builder

Histogram Builder
8
Mean-
Median-
Std Dev-
Skewness-

Explore how different data distributions create different histogram shapes! Click the preset buttons to see Normal, Skewed, Bimodal, and Uniform distributions. Adjust the number of bins to see how binning affects the visualization. Notice how mean, median, and skewness change with different distributions.

Vertical Bar Charts

Vertical bar charts are ideal when comparing quantities across categories. The height of each bar represents the value, making differences immediately visible. Use when category labels are short.

Horizontal Bar Charts

Horizontal bar charts work better when you have long category labels or many categories. Reading left-to-right feels natural for text labels on the left axis.

Stacked Bar Charts

Stacked bars show how a total breaks down into components. Each segment represents a sub-category. Good for comparing totals while showing composition.

Grouped Bar Charts

Grouped bars place sub-categories side by side, making direct comparison between groups easier. Unlike stacked bars, each segment starts from the same baseline.

02

Line Charts

Single Line Chart

A single line chart shows how one variable changes over time or across a continuous scale. The connecting lines emphasize the continuity and direction of change.

Multiple Line Chart

Multiple lines let you compare trends across different groups or variables. Keep to 3-4 lines maximum to maintain readability.

Area Chart

Area charts fill the space below the line, emphasizing volume or magnitude. Useful when the cumulative total matters as much as the trend.

03

Scatter Plots

Basic Scatter Plot

Scatter plots reveal relationships between two continuous variables. Each point represents one observation. Look for patterns: clusters, trends, or outliers.

Scatter with Trend Line

Adding a trend line (regression line) helps visualize the overall direction and strength of the relationship. The line of best fit minimizes the distance to all points.

Types of Correlation

Positive
Negative
None

Positive correlation: as X increases, Y increases. Negative correlation: as X increases, Y decreases. No correlation: no predictable pattern between X and Y.

04

Histograms

Basic Histogram

Histograms show the distribution of a single continuous variable. Data is grouped into bins (ranges), and bar height shows frequency. Unlike bar charts, bins touch because data is continuous.

Effect of Bin Size

Too Few Bins
Good Bin Count

Bin size affects what patterns you see. Too few bins hide detail; too many create noise. A good rule: use √n bins where n is your sample size.

Distribution Shapes

Normal
Right Skew
Left Skew
Bimodal

Normal: symmetric bell curve. Right-skewed: tail extends right (income, prices). Left-skewed: tail extends left (age at retirement). Bimodal: two peaks (mixed populations).

05

Box Plots

Box Plot Anatomy

MinQ1MedianQ3MaxOutlier

The box shows the middle 50% of data (IQR = Q3 - Q1). The line inside is the median. Whiskers extend to min/max within 1.5×IQR. Points beyond are outliers.

Comparing Groups

Group AGroup B

Side-by-side box plots excel at comparing distributions across groups. You can quickly see differences in center (median position), spread (box width), and outliers.

What to Look For

Median Position
If median is off-center in box → skewed distribution
Box Width
Wide box = high variability in middle 50%
Whisker Length
Unequal whiskers suggest skewness
Outliers
Many outliers? Check for data issues

Box plots encode multiple statistics. Learn to read them: median position shows skewness, box width shows IQR, whisker lengths show range, and dots show outliers.

06

Pie Charts

When Pie Charts Work

Pie charts show parts of a whole when: you have few categories (2-5), parts sum to 100%, and you want to emphasize proportion. The human eye struggles to compare angles accurately.

Common Problems

Too Many Slices
8+ categories become unreadable
Similar Sizes
Hard to compare 23% vs 25%
3D Effects
Distorts perception of size
Exploded Slices
Makes comparison harder

Pie charts are often misused. Avoid: too many slices, comparing multiple pies, 3D effects, or exploded slices. When in doubt, use a bar chart instead.

Better Alternatives

Stacked Bar
Better for comparing
Treemap
For many categories

Stacked bar charts make comparison easier. Treemaps handle many categories. Waffle charts (100 squares) give precise percentages. All are more accurate than pie charts.

★

Real-World Examples

Apply your knowledge to practical scenarios

01

Sales Dashboard Analysis

A retail company wants to visualize their Q4 sales data. They have: monthly revenue over 12 months, sales by product category (5 categories), sales by region (4 regions), and individual transaction amounts (10,000 transactions).

Sample Data
{
  "monthly_revenue": [
    45000,
    52000,
    48000,
    61000,
    58000,
    72000,
    68000,
    75000,
    82000,
    95000,
    110000,
    125000
  ],
  "categories": {
    "Electronics": 35,
    "Clothing": 28,
    "Home": 20,
    "Food": 12,
    "Other": 5
  },
  "regions": {
    "North": 32,
    "South": 28,
    "East": 25,
    "West": 15
  }
}
Q Which chart type would you use for monthly revenue? +
A Line chart - Monthly revenue is time-series data showing a trend over 12 months. A line chart best shows how revenue changes over time and reveals the upward trend.
Q Which chart for sales by category? +
A Bar chart (or pie chart with caution) - Categories are discrete. A horizontal bar chart works best for comparing the 5 categories. A pie chart could work since there are only 5 slices summing to 100%, but bar charts make comparison easier.
Q How would you visualize the 10,000 transactions? +
A Histogram - Transaction amounts are continuous data. A histogram shows the distribution - are most transactions small? Is there a normal distribution? Are there outliers (very large purchases)?
Key Insights
  • Always match chart type to data type (continuous vs categorical)
  • Time-series data almost always calls for line charts
  • When comparing categories, bar charts beat pie charts for accuracy
02

Spotting Misleading Visualizations

A news article shows a bar chart comparing two politicians' approval ratings: Candidate A at 48% and Candidate B at 52%. The chart makes it look like B has twice the support of A.

Q What's wrong with this chart? +
A Truncated y-axis - Starting the y-axis at 45% makes a 4-percentage-point difference look enormous. The bars appear to show B with 3x the height of A, when the actual difference is only 4%.
Q How should it be fixed? +
A Start y-axis at 0, or use a different visualization - Either start at 0% (showing both bars at similar heights), or use a different format like a number line or dot plot that doesn't rely on bar height.
Key Insights
  • Always check the y-axis starting point on bar charts
  • Truncated axes are a common manipulation technique
  • Small differences can be shown with annotations rather than distorted scales
?

Chart Types Quiz

Test your understanding • Passing score: 70%

0 of 10 answered
Q1 multiple-choice

You want to show how your company's stock price changed over the past year. Which chart type is most appropriate?

Explanation: Line charts are ideal for showing change over time. The x-axis represents time, and the line shows how values rise and fall. Stock prices are a classic use case for line charts.
Q2 multiple-choice

A histogram differs from a bar chart because:

Explanation: Histogram bars touch to indicate continuous data (no gaps between ranges). Bar charts have gaps because categories are discrete. This visual cue tells viewers about the data type.
Q3 multiple-choice

Which chart type is best for comparing sales across 15 different product categories?

Explanation: A horizontal bar chart handles many categories well - the labels fit on the left, and bars are easy to compare. Pie charts become unreadable with more than 5-6 slices. Line charts are for continuous/time data.
Q4 multiple-choice

You want to see if there's a relationship between hours studied and exam scores for 50 students. Which chart?

Explanation: Scatter plots show the relationship between two continuous variables. Each point represents one student (x = hours studied, y = exam score). You can see if more studying correlates with higher scores.
Q5 multiple-choice

What does the box in a box plot represent?

Explanation: The box spans from Q1 (25th percentile) to Q3 (75th percentile), capturing the middle 50% of data. This range is called the Interquartile Range (IQR). The line inside is the median (Q2).
Q6 multiple-choice

A right-skewed histogram has:

Explanation: Right-skewed (positively skewed) distributions have a long tail extending to the right. Most values are on the left, with fewer high values trailing off. Examples: income, house prices, wait times.
Q7 multiple-choice

When is a pie chart appropriate?

Explanation: Pie charts show composition - how parts make up a whole. They work when: categories sum to 100%, you have few categories (2-5), and exact comparison isn't critical. Otherwise, use bar charts.
Q8 multiple-choice

In a box plot, points beyond the whiskers represent:

Explanation: Points beyond the whiskers are outliers - values more than 1.5 × IQR from the box. These unusual values are plotted individually so you can see how many there are and how extreme they are.
Q9 multiple-choice

What's wrong with using a 3D pie chart?

Explanation: 3D perspective makes front slices appear larger than back slices of the same size. This distortion makes accurate comparison impossible. Always use 2D charts for accurate data representation.
Q10 matching

Match each chart type to its best use case:

Terms
1. Line chart
2. Bar chart
3. Scatter plot
4. Histogram
5. Box plot
Definitions
A. Stock prices over a year
B. Sales by department
C. Height vs weight relationship
D. Distribution of test scores
E. Comparing salary ranges across companies

Match each term with its definition. Correct matches: 1-A, 2-B, 3-C, 4-D, 5-E

Explanation: undefined

Quiz Results

0 %

← Course Home Next: Data Types →