Interactive data visualization user interface with gesture-based data field selection

• US 10,635,262 B2
• Filed: 06/02/2016
• Issued: 04/28/2020
• Est. Priority Date: 09/08/2014
• Status: Active Grant

• Current Assignee: Tableau Software Incorporated (Salesforce.com, Inc.)
• Original Assignee: Tableau Software Incorporated (Salesforce.com, Inc.)
• Inventors: Stewart, Robin
• Primary Examiner(s): Stork, Kyle R
• Application Number:
  US15/172,052
• Publication Number:
  US 20160342292A1
• Time in Patent Office: 1,426 Days
• CPC Class Codes: G06F 2203/04808 Several contacts: gestures triggering a specific function, e.g. scrolling, zooming, right-click, when the user establishes several contacts with the surface simultaneously; e.g. using several fingers or a combination of fingers and pen
• CPC Class Codes: G06F 3/0482 Interaction with lists of selectable items, e.g. menus
• CPC Class Codes: G06F 3/04842 Selection of displayed objects or displayed text elements G06F3/0482 takes precedence
• CPC Class Codes: G06F 3/04845 for image manipulation, e.g. dragging, rotation, expansion or change of colour
• CPC Class Codes: G06F 3/04847 Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
• CPC Class Codes: G06F 3/04883 for inputting data by handwriting, e.g. gesture or text
• CPC Class Codes: G06F 40/18 of spreadsheets form-filling G06F40/174
• CPC Class Codes: G06T 13/80 2D [Two Dimensional] animation, e.g. using sprites

Abstract

The various embodiments described herein include methods and devices for interactive data visualization. In one aspect, a method is performed at a device with a touch-sensitive surface and a display. The method includes displaying a first chart, the first chart concurrently displaying a first dimension and a first measure. The method further includes (i) detecting a touch input at a location that corresponds to a location on the first chart; (ii) determining whether the touch input is in a first region corresponding to the first dimension or in the second region corresponding to the first measure; and (iii) in response to detecting the touch input in the first region, adding another dimension through an animated transition to display a second chart, where at least one visual mark in the first chart is split into a plurality of visual marks in the second chart through the animated transition.

Claims

1. A method, comprising:

at an electronic device with a touch-sensitive surface and a display;

displaying a first chart on the display, wherein the first chart concurrently displays a first dimension and a first measure, the first dimension including a first set of dimension values;

detecting a first touch input at a location on the touch-sensitive surface that corresponds to a first location on the display of the first chart;

determining whether the first location corresponding to the first touch input is in a first region corresponding to the first dimension or is in the second region corresponding to the first measure; and

in accordance with a determination that the first location corresponding to the first touch input is in the first region, and while detecting movement of the first touch input;

maintaining display of the first set of dimension values of the first dimension; and

adding a second dimension including a second set of dimension values distinct from the first set of dimension values to the first chart through an animated transition to display a second chart, wherein the second dimension is preselected from a plurality of dimension options, and wherein the adding of the second dimension through the animated transition progresses in concert with the movement of the first touch input, the animated transition including;

splitting at least one visual mark in the first chart corresponding to a first value in the first set of dimension values of the first dimension into a plurality of visual marks in the second chart through the animated transition according to the second dimension, wherein each of the plurality of visual marks in the second chart corresponds to the first value in the first set of dimension values of the first dimension and to a respective value in the second set of dimension values of the second dimension.

2. The method of claim 1, wherein the first touch input comprises an un-pinch gesture.

3. The method of claim 1, further comprising, prior to adding the second dimension, ranking a plurality of dimension options;

wherein the second dimension is preselected from the plurality of dimension options based on the ranking.

4. The method of claim 1, wherein adding the second dimension to the first chart through an animated transition to display a second chart includes displaying a relationship between categories of the first dimension and categories of the second dimension.

5. The method of claim 1, further comprising:

detecting a second touch input at a location corresponding to the second dimension; and

in response to detecting the second touch input, replacing the second dimension with another dimension of the plurality of dimension options.

6. The method of claim 5, wherein the second touch input comprises a swipe gesture.

7. The method of claim 1, further comprising:

displaying a respective label for each displayed dimension;

detecting a second touch input at a location corresponding to the respective label for the second dimension; and

in response to detecting the second touch input, displaying a plurality of dimension options.

8. The method of claim 1, further comprising:

detecting a second touch input in the first region;

in response to detecting the second touch input in the first region, initiating an animated transition of adding a third dimension to the second chart to display a third chart;

while displaying the animated transition, determining whether the second touch input comprises a complete gesture; and

in accordance with a determination that the second touch input does not comprise a complete gesture, displaying the second chart.

9. The method of claim 1, wherein:

in accordance with a determination that the first touch input is in the second region, adding a second measure to the first chart through an animated transition to display a second chart, creating additional visual marks in the second chart for the second measure corresponding to at least a subset of values of the first dimension while maintaining display of visual marks from the first chart.

10. The method of claim 9, wherein the visual marks from the first chart are displayed at a smaller size when displayed in the second chart.

11. The method of claim 9, wherein at least one display characteristic of the additional visual marks is distinct from at least one display characteristic of the visual marks from the first chart.

12. The method of claim 9, further comprising, prior to adding the second measure to the first chart, ranking a plurality of measure options;

and

wherein adding the second measure to the first chart comprises adding the second measure to the first chart based on the ranking.

13. An electronic device, comprising:

a display;

a touch-sensitive surface;

one or more processors;

memory; and

one or more programs, wherein the one or more programs are stored in the memory and configured to be executed by the one or more processors, the one or more programs including instructions for;

displaying a first chart on the display, wherein the first chart concurrently displays a first dimension and a first measure, the first dimension including a first set of dimension values;

detecting a first touch input at a location on the touch-sensitive surface that corresponds to a first location on the display of the first chart;

determining whether the first location corresponding to the first touch input is in a first region corresponding to the first dimension or is in the second region corresponding to the first measure; and

in accordance with a determination that the first location corresponding to the first touch input is in the first region, and while detecting movement of the first touch input;

maintaining display of the first set of dimension values of the first dimension; and

adding a second dimension including a second set of dimension values distinct from the first set of dimension values to the first chart through an animated transition to display a second chart, wherein the second dimension is preselected from a plurality of dimension options, and wherein the adding of the second dimension through the animated transition progresses in concert with the movement of the first touch input, the animated transition including;

splitting at least one visual mark in the first chart corresponding to a first value in the first set of dimension values of the first dimension into a plurality of visual marks in the second chart through the animated transition according to the second dimension, wherein each of the plurality of visual marks in the second chart corresponds to the first value in the first set of dimension values of the first dimension and to a respective value in the second set of dimension values of the second dimension.

14. A non-transitory computer-readable storage medium storing one or more programs, configured for execution by an electronic device with a display and a touch-sensitive surface, the one or more programs comprising instructions for:

displaying a first chart on the display, wherein the first chart concurrently displays a first dimension and a first measure, the first dimension including a first set of dimension values;

detecting a first touch input at a location on the touch-sensitive surface that corresponds to a first location on the display of the first chart;

determining whether the first location corresponding to the first touch input is in a first region corresponding to the first dimension or is in the second region corresponding to the first measure; and

in accordance with a determination that the first location corresponding to the first touch input is in the first region, and while detecting movement of the first touch input;

maintaining display of the first set of dimension values of the first dimension; and

adding a second dimension including a second set of dimension values distinct from the first set of dimension values to the first chart through an animated transition to display a second chart, wherein the second dimension is preselected from a plurality of dimension options, and wherein the adding of the second dimension through the animated transition progresses in concert with the movement of the first touch input, the animated transition including;

splitting at least one visual mark in the first chart corresponding to a first value in the first set of dimension values of the first dimension into a plurality of visual marks in the second chart through the animated transition according to the second dimension, wherein each of the plurality of visual marks in the second chart corresponds to the first value in the first set of dimension values of the first dimension and to a respective value in the second set of dimension values of the second dimension.