Grid Pattern Display for Hierarchical Data Visualization
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Hierarchical data structures often exhibit non-linearity, leading to inefficient display rendering and obscuration of nested data, especially when updated in real-time, due to the limitations of traditional tree-based displays on various screen sizes.
Innovation Solution
A system that transforms hierarchical data structures into a grid pattern, using a network of x-axis and y-axis coordinates to arrange nodes, allowing for dynamic updates and efficient use of display space while maintaining hierarchical relationships, with features like uniform spacing and visual differentiation of node levels.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Loss of information
If hierarchical data structures are displayed using traditional tree-based displays, then hierarchical relationships are preserved, but display space efficiency deteriorates and nested data becomes obscured
Solution Approach 1:
The patent transforms the traditional vertical tree-based hierarchical display into a grid-based two-dimensional layout where hierarchical relationships are represented through row and column positions rather than nested vertical structures. This dimensional transformation allows all nodes to be visible simultaneously without requiring excessive vertical space, resolving the contradiction between preserving hierarchical information and minimizing display area.
Solution Approach 2:
The hierarchical data structure is segmented into discrete grid cells arranged in rows and columns, where each node occupies a specific cell position. This segmentation allows the system to distribute hierarchical information across a two-dimensional grid space, making nested data accessible without obscuring other elements and reducing overall display space requirements compared to traditional tree views.
2Reliability
If hierarchical displays are dynamically generated for real-time updates, then data currency is improved, but rendering efficiency deteriorates
Solution Approach 1:
The system pre-establishes the grid-based layout structure and positioning rules before data updates occur. When real-time updates happen, nodes are simply repositioned within the existing grid framework rather than regenerating the entire hierarchical display structure. This preliminary structuring maintains data currency while significantly improving rendering efficiency compared to traditional dynamic tree generation.
3Ease of operation
If traditional tree-based displays are used on mobile devices, then hierarchical relationships are maintained, but user experience deteriorates due to screen size limitations
Solution Approach 1:
The patent applies grid-based two-dimensional layout to mobile displays, transforming the traditional vertical tree structure into a compact grid arrangement that充分利用 horizontal and vertical space. This dimensional transformation allows hierarchical data to be displayed in a space-efficient manner suitable for mobile screens while maintaining all hierarchical relationships through positional encoding in the grid system.
Data Source
AI summary
The disclosure relates to systems and methods of generating a grid pattern display from hierarchical data structures. A system may access a hierarchical data structure comprising a root node, a parent node, and a leaf node. The system may obtain a leaf node size and determine a margin for each cell and each group in the grid pattern to ensure uniform spacing for the leaf nodes in the grid pattern. The system may set presentation layer data based on the determined spacing to generate a set of data elements of the presentation layer. The system may split the set of data elements of the presentation layer based on a size of a display container, the display container being used to display the grid pattern. The system may consume the presentation layer into a display layer to render a grid transformation of the hierarchical data.