Patent Document ID: 10109086
Application ID: 15005546
Patent Status: 1

Claim One:
1. A method performed by data processing apparatus, the method comprising: updating a user interface presented at a display of a client device to present a first graph representing a set of data corresponding to a time period, wherein the first graph comprises a heat map that visually depicts different values of the data for different sub-time periods of the time period using different colors and wherein the heat map comprises a set of multiple visual graph elements that each (i) has a same respective geometric shape, (ii) represents a respective sub-time period, and (iii) depicts a particular color based on the value for the respective sub-time period; and updating the user interface to replace the presentation of the first graph with a presentation of a second graph representing a sum of the different values over the time period, including animating a transition between the presentation of the first graph and the presentation of the second graph, the animating of the transition comprising: determining, based on the sum of the different values, a final location for each visual graph element within a single geometric shape of the second graph, wherein the visual graph elements are combined into the single geometric shape within the user interface to form the single geometric shape during the presentation of the second graph; determining, for at least a subset of the visual graph elements, a distance and direction to move the visual graph element based on a presentation location of the visual graph element in the first graph and the final location of the visual graph element within the single geometric shape; determining a color of the single geometric shape based on the sum of the different values over the time period; and during a transition time period: animating, within the user interface presented at the display, movement of each visual graph element in the subset from the presentation location of the visual graph element in the first graph to the final location of the visual graph element in the single geometric shape; and for each visual graph element that depicts a particular color that does not match the color of the single geometric shape, adjusting the particular color depicted by the visual graph element until the particular color depicted by the visual graph element matches the color of the single geometric shape.