NAVIGATION IN A HIERARCHICAL NODE STRUCTURE

摘要

Techniques are disclosed for navigation in a hierarchical node structure. A first graphical element representing a parent node in a hierarchical node structure is displayed via a graphical user interface (GUI). One or more second graphical elements, each representing a first child node of the parent node, are further displayed via the GUI on a first imaginary curve adjacent to or at least partially surrounding the parent node. In response to a user selection of one of the first child nodes, one or more third graphical elements each representing a second child node of the first child node are displayed via the GUI on a second imaginary curve adjacent to or at least partially surrounding the selected child node.

主权项

1. A computer-implemented data processing method comprising:
displaying a first graphical element via a graphical user interface, the first graphical element representing a parent node of a hierarchical node structure having multiple levels; displaying a second graphical element via the graphical user interface, the second graphical element being located on a first imaginary curve adjacent to the first graphical element, the second graphical element representing a child node of the parent node; in response to a selection of the first graphical element, displaying a third graphical element at a center region of the graphical user interface, the third graphical element representing a parent node of the first graphical element; relocating the first graphical element to a second imaginary curve adjacent to the third graphical element; and animating a drawing of a line between the first graphical element and the third graphical element; and in response to a selection of the second graphical element, animating a drawing of a line between the first graphical element and the second graphical element; relocating the second graphical element to the center region of the graphical user interface; and displaying a fourth graphical element via the graphical user interface, the fourth graphical element representing a child node of the second graphical element, the fourth graphical element being located on a third imaginary curve adjacent to the second graphical element.