Responsive Visualization Recommender for Automated Screen Adaptation
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Existing visualization authoring tools require substantial manual effort and are inefficient in generating responsive visualizations across different screen sizes, lacking the ability to generalize to various chart types and transformation strategies, and conventional declarative grammars complicate the process of creating multiple versions of a visualization.
Innovation Solution
A declarative grammar is used to represent responsive transformations independently of the source visualization structure, enabling the generation and ranking of candidate transformations based on cost metrics, with a compiler converting these transformations into rendering specifications for efficient responsive visualization generation.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Adaptability or versatility
If manual methods are used to design responsive visualizations, then designers can create customized visualizations for different screen sizes, but the process requires considerable manual effort and time
Solution Approach 1:
The system automatically generates and evaluates multiple responsive visualization strategies without requiring manual intervention. The automated evaluation process independently assesses each strategy's effectiveness in preserving information density and communication quality, then selects the optimal transformation, eliminating the need for designers to manually explore design spaces.
Solution Approach 2:
The patent replaces manual mechanical design processes with automated computational evaluation. Instead of designers manually arranging and evaluating visualizations, the system uses automated algorithms to generate candidate transformations, evaluate them against multiple criteria, and select the best option, substituting human manual work with computational automation.
2Adaptability or versatility
If multiple versions of visualizations are manually created for different screen sizes, then responsive design requirements are met, but the complexity of managing multiple versions increases
Solution Approach 1:
The system uses a single source visualization specification that can automatically adapt to multiple screen sizes and devices. Rather than maintaining separate design files for each screen type, the universal specification serves all contexts by generating appropriate transformations automatically, reducing the complexity of managing multiple versions while maintaining responsive design capability.
Solution Approach 2:
The patent implements dynamic transformation specifications that automatically adjust visualization properties based on the target screen size and context. The transformation rules are flexible and adaptive, allowing the same specification to generate different appropriate versions for mobile, tablet, and desktop screens without manual intervention for each case.
3Ease of manufacture
If conventional declarative grammars are used to specify transformations, then visualization structure can be defined, but the grammar becomes complicated and difficult to use
Solution Approach 1:
The patent segments the transformation specification into distinct, manageable components: source visualization specification, transformation rules, and evaluation criteria. Each component has a specific function and can be independently defined and modified, making the overall system easier to use despite the complexity of generating multiple responsive versions.
Solution Approach 2:
The system introduces an intermediate evaluation layer that translates high-level transformation specifications into detailed implementation rules. This intermediary evaluation process handles the complexity of generating and comparing multiple transformation strategies, shielding users from the underlying grammatical complexity while maintaining ease of specification.
Data Source
AI summary
Embodiments of the present invention provide systems, methods, and computer storage media for generating and recommending responsive visualizations. In an example embodiment, a design specification of a source visualization and an author's preferences are used to identify and rank compatible sets of candidate responsive transformations (e.g., using answer set programming). Each set is evaluated and ranked according to one or more cost metrics that quantify changes in information density, messaging, or popularity. Some embodiments generate a transformation specification in a declarative grammar that represent the sets of candidate responsive transformations independent of the structure of the source visualization specifications, compile each declarative transformation specification into a rendering grammar specification, and generate a responsive visualization by compiling the rendering grammar specification using a rendering grammar compiler. In some embodiments, the highest ranked responsive visualizations are presented as authoring recommendations and/or the highest ranked responsive visualization is automatically selected and applied.