Drag and drop of graph elements

• US 9,645,727 B2
• Filed: 03/10/2015
• Issued: 05/09/2017
• Est. Priority Date: 03/11/2014
• Status: Active Grant

• Current Assignee: SAS Institute Incorporated
• Original Assignee: SAS Institute Incorporated
• Inventors: Devarajan, Ravinder, Patel, Himesh G., Berryman, Pat, Everdyke, Lisa Hope, Morris, Bradley Edward, Edwards, Christopher Kendrick, Benson, Jordan Riley, Erikson, Timothy Joel
• Primary Examiner(s): Tryder, Gregory J
• Assistant Examiner(s): WILLS, DIANE M
• Application Number:
  US14/643,372
• Publication Number:
  US 20150262394A1
• Time in Patent Office: 791 Days
• Field of Search: 345440-4402, 715212-220
• CPC Class Codes: G06F 16/248 Presentation of query results
• CPC Class Codes: G06F 16/9024 Graphs; Linked lists G06F16/9027 takes precedence
• CPC Class Codes: G06F 3/0486 Drag-and-drop
• CPC Class Codes: G06T 11/206 Drawing of charts or graphs
• CPC Class Codes: G06T 11/60 Editing figures and text; Combining figures or text
• CPC Class Codes: G06T 2200/24 involving graphical user interfaces [GUIs]
• CPC Class Codes: G06T 2200/32 involving image mosaicing
• CPC Class Codes: G06T 2207/20072 Graph-based image processing
• CPC Class Codes: G06T 2211/428 Real-time
• CPC Class Codes: H04L 67/02 based on web technology, e.g. hypertext transfer protocol [HTTP]

Abstract

In a method of rendering a plurality of graph elements, first sample data is generated to render an instance of a first graph element type in a first cell of a canvas panel. An indicator is received that indicates a second graph element type to present in the first cell overlaid with the instance of the first graph element type. Second sample data is generated to render an instance of the second graph element type in the first cell overlaid with the instance of the first graph element type. An indicator is received that indicates selection of a fourth indicator of the instance of the second graph element type. An indicator is received that indicates dropping of the fourth indicator into a second cell. Third sample data is generated to render a second instance of the second graph element type in the second cell.

Claims

1. A non-transitory computer-readable medium having stored thereon computer-readable instructions that when executed by a computing device cause the computing device to:

receive a first indicator indicating a first graph element type selected by a user to present in a first cell of a canvas panel presented on a display;

after receiving the first indicator and based on the first graph element type, determine a number of columns and a number of rows of data values to generate for a first graph element instance;

generate first sample data to render the first graph element instance, wherein the generated first sample data includes a data value generated for each column and row of the determined number of columns and the determined number of rows;

render the first graph element instance in the first cell of the canvas panel using the generated first sample data, wherein the first graph element instance is a visual representation of the first graph element type using the generated first sample data;

receive a second indicator indicating a second graph element type selected by the user to present in the first cell of the canvas panel overlaid with the first graph element instance;

after receiving the second indicator, generate second sample data to render a second graph element instance and a third graph element instance in the first cell of the canvas panel, wherein the generated second sample data includes a second data value and a third data value generated for each row of the determined number of rows, wherein the generated second sample data is not generated using data stored on the computer-readable medium prior to receiving the second indicator;

render the second graph element instance in the first cell of the canvas panel using the second data value generated for each row of the determined number of rows overlaid with the third graph element instance using the third data value generated for each row of the determined number of rows, wherein the second graph element instance is a visual representation of the second graph element type using the generated second sample data and the third graph element instance is a second visual representation of the first graph element type using the generated second sample data;

receive a third indicator indicating the second graph element instance;

receive a fourth indicator indicating dropping of the third indicator into a second cell of the canvas panel presented on the display;

after receiving the fourth indicator and based on the second graph element type, determine a second number of columns and a second number of rows of data values to generate for a fourth graph element instance;

generate third sample data to render the fourth graph element instance, wherein the generated third sample data includes a fourth data value generated for each column and each row of the determined second number of columns and the determined second number of rows, wherein at least a portion of the third sample data is different than the second sample data;

render the fourth graph element instance in the second cell of the canvas panel using the generated third sample data, wherein the fourth graph element instance is a second visual representation of the second graph element type using the generated third sample data; and

store a graph design template that captures characteristics of the second visual representation of the second graph element type in the second cell of the canvas panel without any of the generated first sample data, the generated second sample data, or the generated third sample data and without an indicator of any of the generated first sample data, the generated second sample data, or the generated third sample data.

2. The non-transitory computer-readable medium of claim 1, wherein the first graph element type and the second graph element type are a same graph element type.

3. The non-transitory computer-readable medium of claim 1, wherein the first graph element type and the second graph element type are different graph element types.

4. The non-transitory computer-readable medium of claim 1, wherein before generating the second sample data, the computer-readable instructions further cause the computing device to determine that the first graph element type and the second graph element type are compatible for overlaying in the first cell of the canvas panel.

5. The non-transitory computer-readable medium of claim 4, wherein determining compatibility for overlaying in the first cell of the canvas panel is based on an axis role classification overlapping by at least one option for each axis of the first graph element type and the second graph element type.

6. The non-transitory computer-readable medium of claim 5, wherein the axis role classification is selected from the group consisting of category, date-time, and measure.

7. The non-transitory computer-readable medium of claim 1, further comprising computer-readable instructions that, when executed by the computing device, cause the computing device to:

receive a fifth indicator indicating a third graph element type to present in the first cell of the canvas panel overlaid with the first graph element type;

determine that the first graph element type and the third graph element type are incompatible for overlaying in the first cell of the canvas panel; and

generate an incompatibility indicator that indicates the third graph element type is incompatible with the first graph element type.

8. The non-transitory computer-readable medium of claim 7, further comprising computer-readable instructions that, when executed by the computing device, cause the computing device to:

receive a sixth indicator indicating dropping of a seventh indicator of the third graph element type into a third cell of the canvas panel;

generate fourth sample data to render an instance of the third graph element type in the third cell of the canvas panel; and

render the instance of the third graph element type in the third cell of the canvas panel using the generated fourth sample data.

9. The non-transitory computer-readable medium of claim 1, further comprising computer-readable instructions that, when executed by the computing device, cause the computing device to:

receive a fifth indicator indicating a third graph element type to present in the first cell of the canvas panel;

determine that the first graph element type and the third graph element type are compatible for overlaying in the first cell of the canvas panel;

generate fourth sample data to render an instance of the third graph element type in the first cell of the canvas panel; and

render the instance of the third graph element type in the first cell of the canvas panel overlaid with the third graph element instance using the generated fourth sample data.

10. The non-transitory computer-readable medium of claim 9, further comprising computer-readable instructions that, when executed by the computing device, cause the computing device to:

receive a sixth indicator indicating selection of a seventh indicator of the instance of the third graph element type;

receive an eighth indicator indicating dropping of the seventh indicator into the second cell of the canvas panel;

generate fifth sample data to render a second instance of the third graph element type; and

render the second instance of the third graph element type in the second cell of the canvas panel overlaid with the fourth graph element instance using the generated fifth sample data.

11. The non-transitory computer-readable medium of claim 9, further comprising computer-readable instructions that, when executed by the computing device, cause the computing device to:

present a first tab that lists a sixth indicator of the third graph element instance and a seventh indicator of the instance of the third graph element type;

receive an eighth indicator indicating selection of the seventh indicator of the instance of the third graph element type;

receive a ninth indicator indicating dragging of the seventh indicator of the instance of the third graph element type into the second cell of the canvas panel; and

present a second tab that lists a tenth indicator of the fourth graph element instance.

12. The non-transitory computer-readable medium of claim 11, further comprising computer-readable instructions that, when executed by the computing device, cause the computing device to:

receive an eleventh indicator indicating dropping of the seventh indicator of the instance of the third graph element type into the second tab;

generate fifth sample data to render a second instance of the third graph element type in the second cell of the canvas panel; and

render the second instance of the third graph element type in the second cell of the canvas panel overlaid with the fourth graph element instance using the generated fifth sample data.

13. The non-transitory computer-readable medium of claim 12, wherein the seventh indicator of the instance of the third graph element type can be dropped into the second tab above the tenth indicator of the fourth graph element instance to render the second instance of the third graph element type before the fourth graph element instance.

14. The non-transitory computer-readable medium of claim 12, wherein the seventh indicator of the instance of the third graph element type can be dropped into the second tab below the tenth indicator of the fourth graph element instance to render the second instance of the third graph element type after the fourth graph element instance.

15. The non-transitory computer-readable medium of claim 9, further comprising computer-readable instructions that, when executed by the computing device, cause the computing device to:

present a first tab that lists a seventh indicator of the third graph element instance and an eighth indicator of the instance of the third graph element type;

receive a ninth indicator indicating selection of the eighth indicator of the instance of the third graph element type;

receive a tenth indicator indicating dropping of the eighth indicator of the instance of the third graph element type into the second cell of the canvas panel;

generate fifth sample data to render a second instance of the third graph element type; and

render the second instance of the third graph element type in the second cell of the canvas panel overlaid with the fourth graph element instance using the generated fifth sample data.

16. The non-transitory computer-readable medium of claim 1, wherein the rendered second graph element instance is removed from the first cell of the canvas panel after receiving the fourth indicator.

17. The non-transitory computer-readable medium of claim 1, after receiving the fourth indicator, render a fifth graph element instance in the first cell of the canvas panel using the generated first sample data, wherein the fifth graph element instance is identical to the first graph element instance.

18. The non-transitory computer-readable medium of claim 17, wherein the graph design template further captures characteristics of the visual representation of the first graph element type in the first cell of the canvas panel element type.

19. The non-transitory computer-readable medium of claim 1, wherein the characteristics include an indicator of the second graph element type.

20. The non-transitory computer-readable medium of claim 1, further comprising computer-readable instructions that, when executed by the computing device, cause the computing device to:

present a window in the display that includes an indicator of the stored graph design template;

receive a fifth indicator indicating dropping of the indicator of the stored graph design template into a first cell of a second canvas panel;

generate fourth sample data to render a fifth graph element instance of the second graph element type in the first cell of the second canvas panel; and

render the fifth graph element instance of the second graph element type in the first cell of the second canvas panel using the generated fourth sample data.

21. The non-transitory computer-readable medium of claim 20, further comprising computer-readable instructions that, when executed by the computing device, cause the computing device to:

present a second window in the display that includes an indicator of data columns stored in a dataset;

receive a sixth indicator indicating selection of a first data column of the data columns for a first axis of the second graph element type;

receive a seventh indicator indicating selection of a second data column of the data columns for a second axis of the second graph element type;

and

render a sixth graph element instance of the second graph element type in the first cell of the second canvas panel using data from the first data column and from the second data column.

22. A computing device comprising:

a processor; and

a non-transitory computer-readable medium operably coupled to the processor, the computer-readable medium having computer-readable instructions stored thereon that, when executed by the processor, cause the computing device to

receive a first indicator indicating a first graph element type selected by a user to present in a first cell of a canvas panel presented on a display;

after receiving the first indicator and based on the first graph element type, determine a number of columns and a number of rows of data values to generate for a first graph element instance;

generate first sample data to render the first graph element instance, wherein the generated first sample data includes a data value generated for each column and row of the determined number of columns and the determined number of rows;

render the first graph element instance in the first cell of the canvas panel using the generated first sample data, wherein the first graph element instance is a visual representation of the first graph element type using the generated first sample data;

receive a second indicator indicating a second graph element type selected by the user to present in the first cell of the canvas panel overlaid with the first graph element instance;

after receiving the second indicator, generate second sample data to render a second graph element instance and a third graph element instance in the first cell of the canvas panel, wherein the generated second sample data includes a second data value and a third data value generated for each row of the determined number of rows, wherein the generated second sample data is not generated using data stored on the computer-readable medium prior to receiving the second indicator;

render the second graph element instance in the first cell of the canvas panel using the second data value generated for each row of the determined number of rows overlaid with the third graph element instance using the third data value generated for each row of the determined number of rows, wherein the second graph element instance is a visual representation of the second graph element type using the generated second sample data and the third graph element instance is a second visual representation of the first graph element type using the generated second sample data;

receive a third indicator indicating the second graph element instance;

receive a fourth indicator indicating dropping of the third indicator into a second cell of the canvas panel presented on the display;

after receiving the fourth indicator and based on the second graph element type, determine a second number of columns and a second number of rows of data values to generate for a fourth graph element instance;

generate third sample data to render the fourth graph element instance, wherein the generated third sample data includes a fourth data value generated for each column and each row of the determined second number of columns and the determined second number of rows, wherein at least a portion of the third sample data is different than the second sample data;

render the fourth graph element instance in the second cell of the canvas panel using the generated third sample data, wherein the fourth graph element instance is a second visual representation of the second graph element type using the generated third sample data; and

store a graph design template that captures characteristics of the second visual representation of the second graph element type in the second cell of the canvas panel without any of the generated first sample data, the generated second sample data, or the generated third sample data and without an indicator of any of the generated first sample data, the generated second sample data, or the generated third sample data.

23. A method of rendering a plurality of graph elements in a display of a computing device, the method comprising:

receiving a first indicator indicating a first graph element type selected by a user to present in a first cell of a canvas panel presented on a display;

after receiving the first indicator and based on the first graph element type, determining, by a computing device, a number of columns and a number of rows of data values to generate for a first graph element instance;

generating, by the computing device, first sample data to render the first graph element instance, wherein the generated first sample data includes a data value generated for each column and row of the determined number of columns and the determined number of rows;

rendering, by the computing device, the first graph element instance in the first cell of the canvas panel using the generated first sample data, wherein the first graph element instance is a visual representation of the first graph element type using the generated first sample data;

receiving a second indicator indicating a second graph element type selected by the user to present in the first cell of the canvas panel overlaid with the first graph element instance;

after receiving the second indicator, generating, by the computing device, second sample data to render a second graph element instance and a third graph element instance in the first cell of the canvas panel, wherein the generated second sample data includes a second data value and a third data value generated for each row of the determined number of rows, wherein the generated second sample data is not generated using data stored on the computer-readable medium prior to receiving the second indicator;

rendering, by the computing device, the second graph element instance in the first cell of the canvas panel using the second data value generated for each row of the determined number of rows overlaid with the third graph element instance using the third data value generated for each row of the determined number of rows, wherein the second graph element instance is a visual representation of the second graph element type using the generated second sample data and the third graph element instance is a second visual representation of the first graph element type using the generated second sample data;

receiving a third indicator indicating the second graph element instance;

receiving a fourth indicator indicating dropping of the third indicator into a second cell of the canvas panel presented on the display;

after receiving the fourth indicator and based on the second graph element type, determining, by the computing device, a second number of columns and a second number of rows of data values to generate for a fourth graph element instance;

generating, by the computing device, third sample data to render the fourth graph element instance, wherein the generated third sample data includes a fourth data value generated for each column and each row of the determined second number of columns and the determined second number of rows, wherein at least a portion of the third sample data is different than the second sample data;

rendering, by the computing device, the fourth graph element instance in the second cell of the canvas panel using the generated third sample data, wherein the fourth graph element instance is a second visual representation of the second graph element type using the generated third sample data; and

storing, by the computing device, a graph design template that captures characteristics of the second visual representation of the second graph element type in the second cell of the canvas panel without any of the generated first sample data, the generated second sample data, or the generated third sample data and without an indicator of any of the generated first sample data, the generated second sample data, or the generated third sample data.