---
title: Graph walkthrough
weight: 41
---
:icons: font
:sectlinks:
:linkattrs:

The graph provides a powerful set of link:../features/#_graph[Graph Features, window="_blank"] to visualize the topology of the service mesh.

In this step, we will show how to use the Graph to show relevant information in the context of the Travels Demo application.

Our goal will be to identify the most critical service of the demo application.

NOTE: *Step 1:* Select all *travel-* namespaces in the graph and enable *Request Distribution* edge labels in the Display Options
++++
<a class="image-popup-fit-height" href="/images/tutorial/04-02-graph-request-distribution.png" title="Graph Request Distribution">
    <img src="/images/tutorial/04-02-graph-request-distribution.png" style="display:block;margin: 0 auto;" />
</a>
++++

{nbsp} +
Review the status of the mesh, everything seems healthy, but also note that *hotels* service has more load compared to other services inlcuded in the *travel-agency* namespace.

NOTE: *Step 2:* Select the *hotels* service, use the graph side-panel to select a trace from the Traces tab
++++
<a class="image-popup-fit-height" href="/images/tutorial/04-02-hotels-normal-trace.png" title="Hotels Normal Trace">
    <img src="/images/tutorial/04-02-hotels-normal-trace.png" style="display:block;margin: 0 auto;" />
</a>
++++

{nbsp} +
Combining telemetry and tracing information will show that there are traces started from a portal that involve multiple services but also other traces that only consume the *hotels* service.

++++
<a class="image-popup-fit-height" href="/images/tutorial/04-02-hotels-single-trace.png" title="Hotels Single Trace">
    <img src="/images/tutorial/04-02-hotels-single-trace.png" style="display:block;margin: 0 auto;" />
</a>
++++

NOTE: *Step 3:* Select the main *travels* application and double-click to zoom in
++++
<a class="image-popup-fit-height" href="/images/tutorial/04-02-travels-zoom.png" title="Travels Zoom">
    <img src="/images/tutorial/04-02-travels-zoom.png" style="display:block;margin: 0 auto;" />
</a>
++++

{nbsp} +
The graph can focus on an element to study a particular context in detail. +
Note that a contextual menu is available using the right click button to easily shortcut the navigation to other sections.