Animated Chart Transitions for Data Visualization
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Conventional computer-based charting and graphing software tools abruptly replace charts when changing types or data, disorienting users and lacking interactive feedback, with no direct manipulation of charts affecting underlying data.
Innovation Solution
The Charting Animator system renders dynamic animations for transitioning between chart types and data changes, allowing user interaction to manipulate chart elements, and automatically updates underlying data, enabling composite chart creation and manipulation.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Speed
If conventional charting systems simply replace the existing chart with a new chart when changing chart types or data, then the system responds quickly and efficiently, but the user experiences abrupt changes that are disorienting and loses sense of how data has changed
Solution Approach 1:
The patent applies the Dynamics principle by transitioning from static chart replacement to dynamic animated transitions. The chart elements morph and transform continuously over time, allowing users to visually track changes from the original chart state to the new chart state. This dynamic visualization maintains user orientation while preserving quick response times.
Solution Approach 2:
The patent introduces an intermediary animated transition process between the original chart and the new chart. Instead of direct replacement, the system uses intermediate visual states that gradually transform one chart into another, helping users understand data changes while maintaining system efficiency.
2Adaptability or versatility
If conventional charting systems allow direct manipulation of underlying data to change charts, then data can be easily edited, but the underlying data cannot be changed by direct manipulation of the corresponding chart or graph
Solution Approach 1:
The patent implements bidirectional feedback between chart elements and underlying data. When users directly manipulate chart elements (such as dragging bars in a bar chart), the system provides immediate feedback by updating the underlying data accordingly. This creates a closed-loop interaction where visual changes automatically reflect in the data model and vice versa.
Solution Approach 2:
The patent inverts the conventional unidirectional data-to-chart flow by enabling chart-to-data manipulation. Instead of only allowing data changes to drive chart changes, the system allows users to manipulate chart elements directly, which then inversely updates the underlying data, providing intuitive interactive feedback.
3Loss of information
If the animation transitions occur over a longer period to allow visual perception of changes, then users can better understand data changes, but users may perceive they are waiting for the system
Solution Approach 1:
The patent applies parameter changes by dynamically adjusting animation duration based on the complexity and type of transformation. Different chart type transitions use optimized animation lengths that balance visibility with responsiveness. The system modifies temporal parameters to ensure critical data changes are visible while keeping overall transition time acceptable.
Solution Approach 2:
The patent uses periodic action through frame-by-frame animation rendering that updates at optimized intervals. The animation progresses through discrete time steps, displaying intermediate states at frequencies that maintain visual perception of changes while completing the full transition within acceptable time limits.
Data Source
AI summary
A “Charting Animator” enhances computer-based charting/graphing systems by rendering dynamic animations of chart displays. In general, when a user changes from one chart type to another, adds new data to a chart, or changes, sorts or deletes data, a new chart is generated to replace the old chart. Conventional charting systems simply replace the existing chart with the new chart. In contrast to conventional systems, the Charting Animator renders animated transitions that dynamically morph the original chart into the new chart. Consequently, these animations avoid abrupt changes that can disorient users. Examples of these animations include animating changes from one chart family to another (e.g., changing from a “Bar Chart” to a “Pie Chart”), animating changes from one chart type within a chart family to another chart type (e.g., changing 2D Bar Charts to 3D Bar Charts or Stacked Bar Charts), animating data changes, animating sorts, etc.