Rendering a service graph to illustrate page provider dependencies at an aggregate level

A non-transitory computer-readable medium having computer-readable program code embodied therein for causing a computer system to perform a method of rendering a service graph illustrating dependencies between a frontend and a backend of an application, the method comprising:

• generating a plurality of frontend traces from a plurality of frontend spans ingested from the application and generating a plurality of backend traces from a plurality of backend spans ingested from the application;
• aggregating frontend metrics data associated with the frontend of the application using the plurality of frontend traces and aggregating backend metrics data associated with the backend of the application using the plurality of backend traces;
• determining connection information between one or more frontend traces of the plurality of frontend traces and corresponding backend traces of the plurality of backend traces, wherein the connection information links one or more frontend traces that are generated responsive to a user interacting with the frontend of the application to the corresponding backend traces that are generated at the backend of the application in response to servicing requests associated with the one or more frontend traces initiated at the frontend of the application;
• and
• rendering the service graph using the connection information and the aggregated frontend and backend metrics data.

A system for performing a method of rendering a service graph illustrating dependencies between a frontend and a backend of an application, the system comprising:

• a processing device communicatively coupled with a memory and configured to:
• generate a plurality of frontend traces from a plurality of frontend spans ingested from the application and generating a plurality of backend traces from a plurality of backend spans ingested from the application;
• aggregate frontend metrics data associated with the frontend of the application using the plurality of frontend traces and aggregating backend metrics data associated with the backend of the application using the plurality of backend traces;
• determine connection information between one or more frontend traces of the plurality of frontend traces and corresponding backend traces of the plurality of backend traces, wherein the connection information links one or more frontend traces that are generated responsive to a user interacting with the frontend of the application to the corresponding backend traces that are generated at the backend of the application in response to servicing requests associated with the one or more frontend traces initiated at the frontend of the application;
• and
• render the service graph using the connection information and the aggregated frontend and backend metrics data.