Data Visualization Canvas with Independent Visual Containers
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Current data visualization tools are difficult for non-experts to use and lack flexibility in creating expressive charts, requiring complex workarounds or knowledge of programming and statistical concepts, especially when dealing with large or complex data sets.
Innovation Solution
The Blocks system provides a graphical user interface with a drag-and-drop interface that allows users to create data visualizations by selecting data field icons, specifying layout types, mark types, and visual encodings, enabling the generation of visualizations with nested relationships and multiple levels of detail without leaving the direct manipulation model.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Adaptability or versatility
If users employ traditional data visualization tools with fixed chart types and rigid workflows, then the system maintains simplicity and ease of use, but the system lacks expressiveness and flexibility for creating complex visualizations
Solution Approach 1:
The visualization system is segmented into independent functional blocks (e.g., data source blocks, transformation blocks, visualization blocks) that can be individually configured and combined. Each block handles a specific aspect of data processing or visualization, allowing users to build complex visualizations by assembling simple, manageable components rather than managing a monolithic complex system.
Solution Approach 2:
The system employs dynamic configuration where visualization parameters, data transformations, and block connections can be modified at runtime without requiring system reconfiguration. Users can dynamically add, remove, or adjust blocks and their properties, enabling the system to adapt to diverse visualization needs while maintaining a consistent underlying architecture.
2Adaptability or versatility
If users employ declarative grammars to programmatically create charts, then visualization expressiveness is improved, but ease of operation deteriorates due to requiring programming knowledge
Solution Approach 1:
The system introduces a visual block-based interface as an intermediary between the user and the underlying declarative grammar system. Users interact with draggable blocks and visual parameters rather than writing code directly, while the system automatically translates these visual configurations into the appropriate declarative grammar specifications, bridging the gap between ease of use and expressiveness.
Solution Approach 2:
The system automatically generates and manages the complex grammatical rules and data transformations based on user configurations of simple blocks. Rather than requiring users to manually specify complex grammar rules, the system self-generates the appropriate declarative specifications from the visual block arrangement, allowing users to benefit from programmable expressiveness without learning programming syntax.
3Ease of operation
If chart pickers are used for creating simple charts, then ease of operation is improved, but visualization expressiveness deteriorates due to limited functionality
Solution Approach 1:
The block-based system serves multiple functions within a unified interface: simple chart selection, complex data transformation, custom visualization design, and iterative refinement all occur within the same drag-and-drop environment. The same blocks that enable simple charts can be combined and configured to create complex visualizations, providing universal access to both simple and advanced capabilities without requiring different tools or interfaces.
Data Source
AI summary
At a computer system a graphical user interface is displayed on a display. The graphical user interface includes (a) a schema region displaying data field icons, each data field icon representing a respective data field from a user-selected data source, and (b) a canvas region. In response to receiving user input selecting a data field icon from the schema region and placing it on the canvas region, a block card is displayed on the canvas region. The block card includes user interface affordances to designate (i) a layout type that specifies a row-based arrangement, a column-based arrangement, or an inline arrangement, (ii) a mark type that specifies a shape for visual data marks, and (iii) one or more visual encodings. A data visualization for the data source is generated and displayed according to the layout type, the mark type, and the visual encodings specified on the block card.