comparative-layout-explorer
comparative-layout-explorer copied to clipboard
sehilyi
📊 x 📊 =❓An online gallery to explore the design space of comparative layouts
Make logger to log messages about warnings and errors for specs
refer to figure 3a in MatrixWave: Visual Comparison of Event Sequence Data
data: object[] should be consistent with domains ``` export function renderBars( g: GSelection, data: object[], keys: {qKey: string, nKey: string, cKey: string}, scales: {x: ScaleBand | ScaleLinear, y: ScaleBand |...
Currently, we cannot support color consistency when color is used differently in two charts (e.g., nominal color for bar chart and quantitative color for heatmap). However, we can provide more...
- can be a separate chart or a annotation - consider splitting the original explicit encoding to two - highlight specific two bars for effective comparison (refer to [Four Experiments...
for example, users should be able to select only a pair of visual marks for overlap reduction
For opacity: ``` overlap_reduction: { opacity: {primary: 0.5} // this sets the opacity of secondary chart as 1 - 0.5, similar to [*] } ``` - [*]: Interaction Support for...
- [x] arrangement - unit == chart: simple animated transition - unit == element: should show element movements between two chart - example 1) in scatterplot vs. scatterplot, points should...