Grouped Bar Chart or Grouped Column Chart

User Story

As a [User], I want to view the [Object Count or Sum] by [Measure 1] grouped by [Measure 2], so I can better compare the differences between each.

I’ll know this is done when:

  • I can view a title summarizing the visualization
  • I can view the amount of each [Measure 2] presented and how it is part of the grouped object value.
  • I can view the value, and label of each grouped value within [Measure 2].
  • I can view a color affordance for all visual representations of {Measure 2] with the corresponding label.
  • (Optional) I can view a series of lines with labels that indicate value progression.
  • (Optional) I can view that all values are greater than zero.
  • (Optional) I can search against filtered values in the visualization by selecting the visual representation of the grouped object value.

Typical Representation

  • Bar Chart for longer labels
  • Column Chart for shorter labels

Display

  • “Top” items
    • 5 Items or Less
    • 4 Columns, Column Chart or 4 Columns, Bar Chart
  • 8 Columns, Table
    • Next to the chart
  • 12 to 20 items
    • 12 Columns, Column Chart
    • 12 Columns, Table
      • Below the chart
    • All items
    • 5 Items or Less
      • 4 Columns, Column Chart
      • 4 Columns, Bar Chart
    • 5 to 8 items
      • 4 or 6 Columns, Radar Chart
      • 6 Columns, Column Chart
    • 9 to 11 items
      • 8 Columns, Column Chart
    • 12 to 20 items
      • 12 Columns, Column Chart

Considerations

  • Usage of over 7 lines makes the data visualization hard to read. In that situation, use “Top” as the driver with an accompanying table listing all items for this category.
  • When data sets contain too many items and creates a challenge to display and the composition loses it’s meaning in providing clarity, then additional rules should be created to avoid cognitive overload. For example, usage of over 10 bars or columns makes the data visualization hard to read.