comparative-layout-explorer
comparative-layout-explorer copied to clipboard
sehilyi
📊 x 📊 =❓An online gallery to explore the design space of comparative layouts
- Although interaction specs are not supported, interactions should be provided by default such as brushing and linking and tooltip for detail.
At the current stage, consistency in CompSpec is related to design constraints. If we extend it, we can end up removing Layout, and using the consistency alternatively (constraint based visualization...
- only color is used in vega while it seems more effective to support hue and saturation separately (e.g., consistent hue and saturation for representing quantitative values in heatmap vs....
1 color chart vs 1 color chart n color chart vs 1 color chart ...
- horizontal and vertical bar charts => rotate the horizontal one to be vertical
Now only supports between bar charts and heatmaps, but support all combinations. - [ ] heatmap x other types - [ ] scatterplot x other types - [ ] bar...
Explicit encoding is frequently overlaid with other charts (e.g., [1,2]), so we must support the overlay. We can specify overlay type explicit encoding by separate spec types. ``` layout: {...
For example, nested heatmap contains many empty cells (i.e., gray cells). For the scalability, it might be better to just remove such cells. In this way, we need to represent...
- transformation by categories for "diverging characteristics" - refer to [The efficacy of stacked bar charts in supporting single-attribute and overall-attribute comparisons] - percentage for 100% stacked bar charts
This list will be updated continuously. - [x] nesting by scatterplots - [x] animated transitions (by chart) - [x] animated transitions (by element) - [ ] explicit encoding - [...