Desktop version
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.
Design suggestions
On smaller screens, scroll horizontally
Suggestion #1
Size: 385px × 870px
Transformations made
- Transpose partially to fit the changed aspect ratio.
- Resize with the user-specifed size.
- Change the axis position due to the layout change.
Suggestion #2
Size: 410px × 535px
Transformations made
- Resize with the user-specifed size.
Suggestion #3
Size: 400px × 880px
Transformations made
- Transpose partially to fit the changed aspect ratio.
- Resize with the user-specifed size.
- Change the axis position due to the layout change.
Suggestion #4
Size: 395px × 645px
Transformations made
- Transpose to fit the changed aspect ratio.
- Resize with the user-specifed size.
- Change the axis position due to the layout change.
Suggestion #5
Size: 380px × 515px
Transformations made
- Convert to a heatmap to adjust density.
- Resize with the user-specifed size.
- Reposition a mark label(s) after converting to a heatmap.
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.
Design suggestions
On smaller screens, scroll horizontally
Suggestion #1
Size: 230px × 370px
Transformations made
- 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.
Suggestion #2
Size: 200px × 345px
Transformations 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.