User Study Case 6: Grouped bar chart (Final outcome only)

Note: a mock dataset is used for anonymization.

Desktop version

Size: 650px × 535px

Smartphone version

The visualization designs are not responsively scaled to preserve the absolute sizes.

User's outcome

Size: 410px × 535px
User satisfaction rating: 4 (satisfied)
Suggestion taken: #2 + See similar (Alteration)
Edits made
  • Resize with the user-specifed size.
    This includes resizing and proportionately repositioning text elements.
  • Adjust the number of axis labels (remove "10" and "50")
  • Reposition mark labels.
Notes

Edits made by the recommender (Exploration).
Edits made by the recommender (Alteration).
Manual edits made by the user.

Thumbnail version

The visualization designs are not responsively scaled to preserve the absolute sizes.

User's outcome

Size: px × px;
User satisfaction rating: 5 (very satisfied)
Suggestion taken: #2
Edits made
  • Convert to a heatmap to adjust density.
  • Resize with the user-specifed size.
  • Remove the reference(s) for a tiny view.
  • Remove the annotation(s) for a tiny view.
  • Remove the tooltips for a tiny view.
  • Reposition a mark label(s) after converting to a heatmap.
  • Add and style mark labels for the min and max values.
Notes

Edits made by the recommender (Exploration).
Manual edits made by the user.