Routing visualization user interface
A configuration of a service of a cloud computing system is rendered in a user interface of an electronic display, according to a discovery chain generated by a networking tool using a service discovery function to establish the configuration. The configuration includes one or more of a router, a splitter, and/or a resolver, each having one or more configuration files that are represented as a graphical element within a graphical representation of the one or more of the router, the splitter, and/or the resolver. The configuration further includes data traffic routes between pairs of the configuration files, each being represented in the UI as a line between each pair of configuration files, where each line is rendered in the UI so as to avoid crossing over any graphical element that represents a configuration file.
1. A computer-implemented method comprising:
rendering, in an electronic user interface (UI), a configuration of one or more versions of a service of a cloud computing system, each version of the service being rendered according to a discovery chain generated by a networking tool to establish a set of configuration types, the configuration types comprising one or more of a router, a splitter, and/or a resolver;
representing, in the UI, each of the one or more of the router, the splitter, and/or the resolver as a graphical element within a graphical representation, the one or more of the router, the splitter, and/or the resolver being represented as one or more configuration files of a configuration, the configuration further comprising data traffic routes between pairs of the configuration files, each of the data traffic routes being represented in the UI as a line between the graphical elements representing each pair of configuration files; and
rendering, in the UI, each line so as to avoid crossing over any graphical element that represents a configuration file.
2. The computer-implemented method in accordance with claim 1 , further comprising modifying the display of data related to a line or graphical element in response to the selection of the line or graphic element by a user action.
3. The computer-implemented method in accordance with claim 1 , wherein the graphical representation of the one or more of the router, the splitter, and/or the resolver is a squared region in the UI.
4. The computer-implemented method in accordance with claim 3 , wherein the graphical element representing each configuration file is one of a box, an ellipse, a circle, a rectangle, a square, and a polyhedron within the squared region in the UI.
5. The computer-implemented method in accordance with claim 2 , wherein modifying the display includes displaying a percentage of traffic between respective pairs of the configuration files.
6. The computer-implemented method in accordance with claim 2 , wherein modifying the display includes displaying in bold a routing associated with a selected configuration file, while fading all other graphics in the UI.
7. The computer-implemented method in accordance with claim 2 , wherein modifying the display includes zooming in or out on a selected portion of the UI.
8. A non-transitory computer-readable storage medium storing instructions executable by one or more processors of a first device having an electronic display, to cause the one or more processors to:
render, in a two-dimensional user interface (UI) of the electronic display, a configuration of one or more versions of a service of a cloud computing system, each version of the service being rendered according to a discovery chain generated by a networking tool to establish a set of configuration types, the configuration types comprising one or more of a router, a splitter, and/or a resolver;
represent, in the UI, each of the one or more of the router, the splitter, and/or the resolver as a graphical element within a graphical representation, the one or more of the router, the splitter, and/or the resolver being represented as one or more configuration files of a configuration, the configuration further comprising data traffic routes between pairs of the configuration files, each of the data traffic routes being represented in the UI as a line between the graphical elements representing each pair of configuration files; and
render, in the UI, each line so as to avoid crossing over any graphical element that represents a configuration file.
9. The non-transitory computer-readable storage medium in accordance with claim 8 , wherein the instructions further cause the one or more processors to modify the display of data related to a line or graphical element in response to the selection of the line or graphic element by a user action.
10. The non-transitory computer-readable storage medium in accordance with claim 8 , wherein the graphical representation of the one or more of the router, the splitter, and/or the resolver is a squared region in the UI.
11. The non-transitory computer-readable storage medium in accordance with claim 10 , wherein the graphical element representing each configuration file is one of a box, an ellipse, a circle, a rectangle, a square, and a polyhedron within the squared region in the UI.
12. The non-transitory computer-readable storage medium in accordance with claim 9 , wherein the instructions to modify the display include instructions to display a percentage of traffic between respective pairs of the configuration files.
13. The non-transitory computer-readable storage medium in accordance with claim 9 , wherein the instructions to modify the display include instructions to display in bold a routing associated with a selected configuration file, while fading all other graphics in the UI.
14. The non-transitory computer-readable storage medium in accordance with claim 9 , wherein the instructions to modify the display include instructions to zoom in or out on a selected portion of the UI.
15. A non-transitory computer-readable storage medium including a set of instructions, wherein the instructions, when executed, cause a processor to:
render, in a two-dimensional user interface (UI) of an electronic display, a configuration of one or more versions of a service of a cloud computing system, each version of the service being rendered according to a discovery chain generated by a networking tool to establish a set of configuration types, the configuration types comprising one or more of a router, a splitter, and/or a resolver, the one or more of the router, the splitter, and/or the resolver each having one or more configuration files;
represent, in the UI, the one or more configuration files as a graphical element within a graphical representation of the one or more of the router, the splitter, and/or the resolver, the configuration further comprising data traffic routes between pairs of the configuration files;
represent, each of the data traffic routes in the UI as a line between the graphical elements representing each pair of configuration files; and
render, in the UI, each line so as to avoid crossing over any graphical element that represents a configuration file.
16. The non-transitory computer-readable storage medium in accordance with claim 15 , wherein the instructions further cause the processor to modify the display of data related to a line or graphical element in response to the selection of the line or graphic element by a user action.
17. The non-transitory computer-readable storage medium in accordance with claim 16 , wherein the instructions further cause the processor to display a percentage of traffic between respective pairs of the configuration files.
18. The non-transitory computer-readable storage medium in accordance with claim 16 , wherein the instructions further cause the processor to display in bold a routing associated with a selected configuration file, while fading all other graphics in the UI.
19. The non-transitory computer-readable storage medium in accordance with claim 16 , wherein the instructions further cause the processor to zoom in or out on a selected portion of the UI.
20. The non-transitory computer-readable storage medium in accordance with claim 15 , wherein the instructions further cause the processor to provide interactivity to each line and graphical element in the UI, the interactivity being responsive to a user action associated with a selected line or graphical element in the UI to display additional data related to the selected curved line or graphical element.