Dynamic node grouping in grid-based visualizations
A grid-based visualization displays icons representing data entities in grid cells corresponding with the data entities' attribute values. Grid cells organize icons according to first and second attribute values of their data entities. Dynamic grouping replaces icons with summary icons based on one or more additional attributes of their data entities. Each summary icon represents one or more icons having matching values of their additional attributes. Summary icons may include sizing and visual indicators of aggregate values of the icons they replace. Summary icons may replace icons within a single cell or multiple cells. Summary icons may be positioned based on the positions of the icons they replace. User interface controls for activating and controlling grouping may be integrated with a legend.
1. A method for manipulating a grid visualization in a computing system including a processor coupled to a user input and to a display, the method comprising operations performed by the processor as follows:
receiving content assets for display in the computing system, the content assets including definitions for data entities from a data set;
displaying the grid visualization including at least a first axis associated with a first attribute and one or more attribute values, a second axis associated with a second attribute and one or more attribute values, and a first grid cell representing a first attribute value related to the first axis and a second attribute value related to the second axis;
populating the first grid cell with one or more individual icons representing the data entities from the data set, wherein each data entity is associated with the first attribute value, the second attribute value, a third attribute value for a third attribute and a fourth attribute value for a fourth attribute, and wherein the one or more individual icons are equally sized and as large as possible given a size of the first grid cell;
displaying an overflow indicator within the first grid cell when a part of the one or more of the individual icons cannot be displayed within the size of the first grid cell;
receiving a first user input from a user input device to drag and drop an icon across a display screen from the first grid cell to a second grid cell;
upon receiving the first user input updating at least one attribute of the icon from a value associated with the first grid cell to a value associated with the second grid cell;
receiving a second user input from the user input device to initiate a grouping of the one or more individual icons;
upon receiving the second user input, assigning portions of the one or more individual icons to groups based on the third attribute value and the fourth attribute value; and
replacing a first portion of the one or more individual icons with at least one chart including icons from at least one of the groups, wherein the at least one chart includes one or more of a bar chart, pie chart or treemap.
2. The method of claim 1 , wherein assigning the portions of the one or more individual icons to the groups comprises:
generating identifiers for each of the one or more individual icons based on its third and fourth attribute values; and
assigning the one or more individual icons to the groups based on their identifiers.
3. The method of claim 1 , wherein each group includes a portion of the one or more individual icons having matching third attribute values and fourth attribute values.
4. The method of claim 1 , wherein:
the one or more individual icons include first visual indicators of their third attribute value and fourth attribute value; and
a summary icon includes a second visual indicator of the third and fourth attribute values of the portion of the one or more individual icons it represents.
5. The method of claim 4 , wherein the second visual indicator includes at least one of an icon, a text, a number, an image, a symbol, a chart, or other visual information.
6. The method of claim 1 , comprising:
determining a number of individual icons assigned to each group.
7. The method of claim 6 , wherein the at least one chart is sized dynamically.
8. The method of claim 1 , comprising:
displaying a legend based on the third attribute and the fourth attribute and at least a part of the attribute values associated with the one or more individual icons.
9. The method of claim 8 , comprising:
receiving a third user input selecting a portion of the legend; and
upon receiving the third user input, filtering a plurality of charts based on an attribute value associated with the portion of the legend.
10. The method of claim 1 , comprising:
positioning the at least one chart based on positions of the first portion of the one or more individual icons.
11. A method for manipulating a grid visualization in a computing system including a processor coupled to a user input and to a display, the method comprising operations performed by the processor as follows:
receiving content assets for display in the computing system, the content assets including definitions for data entities from a data set;
displaying the grid visualization including at least a first axis associated with a first attribute and one or more attribute values, a second axis associated with a second attribute and one or more attribute values, a first grid cell representing a first attribute value related to the first axis and a second attribute value related to the second axis and a second grid cell representing a third attribute value related to the first axis and a fourth attribute value related to the second axis;
populating the first grid cell with a first set of one or more individual icons representing data entities from the data set, wherein each data entity is associated with the first attribute value, the second attribute value, and a fifth attribute value for a third attribute, and wherein the one or more individual icons in the first set are equally sized and as large as possible given a size of the first grid cell;
populating the second grid cell with a second set of one or more individual icons representing data entities from the data set, wherein each data entity is associated with the third attribute value, the fourth attribute value, and a sixth attribute value for the third attribute, and wherein the second set of one or more individual icons are equally sized and as large as possible given a size of the second grid cell;
displaying an overflow indicator within the first grid cell when one or more of the individual icons of the first set cannot be displayed within the size of the first grid cell;
receiving a first user input from a user input device to initiate a grouping of the first set and the second set;
upon receiving the first user input, assigning the first set and the second set to groups based on their attribute values for the third attribute, wherein each group is associated with an attribute value for the third attribute;
replacing the first set and the second set with a display of at least one chart including icons from at least one of the groups, wherein the at least one chart includes one or more of a bar chart, pie chart or treemap; and
positioning the at least one chart over parts of both the first grid cell and the second grid cell.
12. The method of claim 11 , wherein assigning the first set and the second set to groups comprises:
generating identifiers for each the first set and the second set based on its attribute values for the third attribute; and
assigning the first set and the second set to the groups based on their identifiers.
13. The method of claim 11 , wherein each group includes a portion of the first set and the second set having matching attribute values for the third attribute.
14. The method of claim 11 , wherein:
the first set and the second set include first visual indicators of their attribute values; and
one or more summary charts include a second visual indicator of the first attribute values of the first set and third attribute values of the second set.
15. The method of claim 14 , wherein the second visual indicator includes at least one of an icon, a text, a number, an image, a symbol, a chart, or other visual information.
16. The method of claim 14 , comprising:
determining a number of icons in the first set assigned to each group and a number of icons in the second set assigned to each group.
17. The method of claim 16 , wherein the one or more summary charts are sized based on the number of icons in the first set assigned to its group and on the number of icons in the second set assigned to its group.
18. The method of claim 11 , comprising:
displaying a legend based on the third attribute and at least a part of the attribute values associated with the first set and the second set.
19. The method of claim 18 , comprising:
receiving a second user input selecting a portion of the legend; and
upon receiving the second user input, filtering the one or more summary charts based on an attribute value associated with the portion of the legend.
20. A tangible, non-transitory computer-readable data storage medium including instructions adapted to direct a processor coupled to a user input and to a display to perform operations comprising:
receiving content assets for display in a computing system, the content assets including definitions for data entities from a data set;
displaying a grid visualization including at least a first axis associated with a first attribute and one or more attribute values, a second axis associated with a second attribute and one or more attribute values, and a first grid cell representing a first attribute value related to the first axis and a second attribute value related to the second axis;
populating the first grid cell with one or more individual icons representing data entities from a data set, wherein each data entity is associated with the first attribute value, the second attribute value, and a third attribute value for a third attribute and a fourth attribute value for a fourth attribute, and wherein the one or more individual icons are equally sized and as large as possible given a size of a first grid cell;
displaying an overflow indicator within the first grid cell when a part of the one or more of the individual icons cannot be displayed within the size of the first grid cell;
receiving a first user input from a user input device to drag and drop an icon from the first grid cell to a second grid cell;
upon receiving the first user input updating at least one attribute of the icon from a value associated with the first grid cell to a value associated with the second grid cell;
receiving a second user input from the user input device to perform initiating a grouping of the one or more individual icons;
upon receiving the second user input, assigning the one or more individual icons to groups based on their attribute values for the third attribute and the fourth attribute; and
replacing the one or more individual icons with a display of at least one chart including icons from at least one of the groups, wherein one of the at least one chart includes one or more of a bar chart, pie chart or treemap.