Desktop version
Smartphone version
The visualization designs are not responsively scaled to preserve the absolute sizes.
User's outcome
Size: 380px × 490px;
User satisfaction rating: 4 (satisfied)
Suggestion taken: #1
Edits made
- Resize with the user-specifed size.
This includes resizing and proportionately repositioning text elements. - Modify the size, appearance, and position of the text annotation.
- Modify the appearance of the mark labels (letter stroke).
- Modify the appearance of the axis grids (color and stroke width).
Notes
Edits made by the recommender.
Manual edits made by the user.
Design suggestions
On smaller screens, scroll horizontally
Suggestion #1
Size: 380px × 490px
Transformations made
- Resize with the user-specifed size.
Suggestion #2
Size: 390px × 400px
Transformations made
- Resize proportionately to keep the aspect ratio.
Suggestion #3
Size: 380px × 570px
Transformations made
- Transpose to fit the changed aspect ratio.
- Resize with the user-specifed size.
- Externalize an annotation(s) due to the layout change.
Suggestion #4
Size: 390px × 810px
Transformations made
- Convert to multiples to adjust density (2 columns).
- Resize with the user-specifed size.
Suggestion #5
Size: 415px × 740px
Transformations made
- Convert to multiples to adjust density (3 columns).
- Resize with the user-specifed size.
Thumbnail version
The visualization designs are not responsively scaled to preserve the absolute sizes.
User's outcome
Size: 200px × 200px;
User satisfaction rating: 4 (satisfied)
Suggestion taken: #1
Edits made
- Remove the title(s) for a tiny view.
- Resize with the user-specifed size.
This includes resizing and proportionately repositioning text elements. - Remove the reference(s) for a tiny view.
- Remove the annotation(s) for a tiny view.
- Remove the axis grid(s) for a tiny view.
- Remove the title.
- Remove the vertical axis grid and labels.
- Remove horizotnal axis labels (in the middle).
Notes
Edits made by the recommender.
Edits made by the recommender (Alteration).
Manual edits made by the user.
Design suggestions
On smaller screens, scroll horizontally
Suggestion #1
Size: 200px × 280px
Transformations made
- Remove the title(s) for a tiny view.
- Resize with the user-specifed size.
- Remove the reference(s) for a tiny view.
- Remove the annotation(s) for a tiny view.
- Remove the axis grid(s) for a tiny view.
Suggestion #2
Size: 200px × 280px
Transformations made
- Filter out less important data points for a tiny view.
- Remove the title(s) for a tiny view.
- Resize with the user-specifed size.
- Remove the reference(s) for a tiny view.
- Remove the annotation(s) for a tiny view.
- Remove the axis grid(s) for a tiny view.
Print version
The visualization designs are not responsively scaled to preserve the absolute sizes.
User's outcome
Size: 800px × 570px;
User satisfaction rating: 3 (just okay) due to the lack of time
Suggestion taken: #1
Edits made
- Resize with the user-specifed size.
This includes resizing and proportionately repositioning text elements.
Notes
Edits made by the recommender.
Manual edits made by the user.
Design suggestions
On smaller screens, scroll horizontally
Suggestion #1
Size: 800px × 570px
Transformations made
- Resize with the user-specifed size.