Desktop version
Note: The original visualization included 30+ line mulitples.
Smartphone version
The visualization designs are not responsively scaled to preserve the absolute sizes.
User's outcome
Size: 380px × 730px
User satisfaction ratig: 4 (satisfied)
Suggestion taken: #3
Edits made
- Reduce the multiples columns (5 to 3) to adjust density.
- Resize with the user-specifed size.
This includes resizing and proportionately repositioning text elements. - Increase the chart height.
- Modify the chart scale (to avoid the overlap between the label and line mark in the first multiple).
Notes
Edits made by the recommender.
Manual edits made by the user.
Tablet version
The visualization designs are not responsively scaled to preserve the absolute sizes.
User's outcome
Size: 800px × 600px
User satisfaction rating: 4 (satisfied)
Suggestion taken: Not taken.
Edits made
- Resize the chart.
- Change the number of columns (5 to 4).
Notes
Edits made by the recommender.
Manual edits made by the user.
Thumbnail version
The visualization designs are not responsively scaled to preserve the absolute sizes.
User's outcome
Size: 210px × 270px;
User satisfaction rating: 4 (satisfied)
Suggestion taken: #2
Edits made
- Change line multiples to overlaied lines for the decreased scroll length.
- Resize with the user-specifed size. This includes resizing and proportionately repositioning text elements.
- Remove labels for density.
- Change the line mark stroke opacity (to highlight the county of interest).
Notes
Edits made by the recommender.
Manual edits made by the user.