Conversion 1: Desktop ⇒ Phone
Case 1: Default
Rationale 1: Minimize changes
- Rescale (chart size, mark size, and text size) to the intended size.
Rationale 2: Avoid overplotting
- Aggregate if there is a hierarchy that is stated or natural.
Case 2: Non-geospatial, position-based charts
Mark types: bar, line, point, etc.
Rationale 3: Fit to a different aspect ratio
- Transpose a chart.
- In case of a 1D dot plot, convert to a bar chart.
Rationale 4: Avoid overplotting
- Convert to a heatmap if there is a nominal encoding.
- Separate into small multiples if there is a nominal encoding, with a default column number of 3.
Case 3: Geo-spatial charts
Mark types: map
Rationale 5: Avoid overplotting
- Convert to a bar chart.
- Convert to small multiples while keeping the mark type if it is not a choropleth.
Case 4: Non-position-based charts
Mark types: pie
Rationale 6: Minimize changes
No strategies other than minimal changes.
Case 5: Small multiples
Rationale 7: Adjust graphical density
- Reduce the number of columns: 1, 2, and 3.
Case 6: Multi-layered charts (with different mark types)
Rationale 8: Adjust graphical density
- Remove a less important (e.g., decorative) redundant layer (e.g., line vs. area ⇒ line).
Case 7: Heavily annotated charts (4+ annotations)
Rationale 9: Adjust graphical density
- Externalize annotations with numbering.
Conversion 2: Desktop ⇒ Tablet/Print
Case 1: Default
Rationale 1: Minimize changes
- Rescale (chart size, mark size, and text size) to the intended size.
Case 2: For print
Rationale 2: Fit to the medium
- Remove interactions.
Conversion 3: Desktop ⇒ Thumbnail/Watch
Case 1: Default
Rationale 1: Adjust graphical density and this is only for skiming
- Remove references.
- Remove secondary titles.
- Remove annotations.
Rationale 2: Minimize changes
- Rescale (chart size, mark size, and text size) to the intended size.
Rationale 3: Avoid overplotting
- Aggregate if there is a hierarchy that is stated or natural.
Case 2: Non-geospatial, position-based charts
Mark types: bar, line, point, etc.
Rationale 4: Avoid overplotting
- Convert to a heatmap if there is a nominal encoding.
- Leave only arg-min and arg-max given a temporal x axis.
Case 3: Geo-spatial charts
Mark types: map
Rationale 5: Avoid overplotting
- Convert to a bar chart.
Case 4: Non-position-based charts
Mark types: pie
Rationale 6: Minimize changes
No strategies other than minimal changes.
Case 5: Small multiples
Rationale 7: Adjust graphical density
- Reduce the number of columns to 1.
Case 6: Multi-layered charts (with different mark types)
Rationale 7: Adjust graphical density
- Remove a less important (e.g., decorative) redundant layer (e.g., line vs. area ⇒ line).
Conversion 4: Phone ⇒ Desktop
Basically, the reverse operations of the conversion methods from Desktop to Phone.
Case 1: Default
Rationale 1: Minimize changes
- Rescale (chart size, mark size, and text size) to the intended size.
Rationale 2: Adjust graphical density
- Disaggregate if there is a hierarchy that is stated or natural.
Case 2: Non-geospatial, position-based charts
Mark types: bar, line, point, etc.
Rationale 3: Fit to a different aspect ratio
- Transpose a chart.
Rationale 4: Choose a more effective encoding channel given a more space available
- Convert a heatmap to a bar chart.
- Convert a heatmap to a line chart.
- Convert to a map if there is longitude and latitude fields.
Case 3: Geo-spatial charts
Mark types: map
Rationale 5: Minimize changes
No strategies other than minimal changes.
Case 4: Non-position-based charts
Mark types: pie
Rationale 6: Minimize changes
No strategies other than minimal changes.
Case 5: Small multiples
Rationale 6: Adjust graphical density
- Increase the number of columns: 4, 5, and 6.
- Convert to a map if there are longitude and latitude fields.
Case 6: Single-layered charts
Rationale 7: Adjust graphical density
- Add a decorative layer if possible (e.g., points on line, area below line).