This is documentation for the next version of Grafana. For the latest stable release, go to the latest version.

Documentation Grafana documentation Panels and visualizations Visualizations Traces

Traces

Traces visualizations let you follow a request as it traverses the services in your infrastructure. The traces visualization displays traces data in a diagram that allows you to easily interpret it.

For more information about traces and how to use them, refer to the following documentation:

• Tracing in Explore
• Tempo data source
• Getting started with Tempo

Give it a try using Grafana Play

With Grafana Play, you can explore and see how it works, learning from practical examples to accelerate your development. This feature can be seen on Traces Panel.

Try it

Add a panel with tracing visualizations

Once you have tracing data available in your Grafana stack, you can add tracing panels to your Grafana dashboards.

Using a dashboard variable, traceID, lets you create a query to show specific traces for a given trace ID. For more information about dashboard variables, refer to the Variables documentation.

Before you begin

To use this procedure, you need:

• A Grafana instance
• A Tempo data source connected to your Grafana instance

Add the traces visualization query

To view and analyze traces data in a dashboard, you need to add the traces visualization to your dashboard and define a query using the panel editor. The query determines the data that is displayed in the visualization. For more information on the panel editor, refer to the Panel editor documentation.

This procedure uses dashboard variables and templates to allow you to enter trace IDs which can then be visualized. You’ll use a variable called traceId and add it as a template query.

1. From your Grafana stack, create a new dashboard or go to an existing dashboard where you’d like to add traces visualizations.

2. Do one of the following:

   • New dashboard - Click + Add visualization.
   • Existing dashboard - Click Edit in the top-right corner and then select Visualization in the Add drop-down.

3. Search for and select the appropriate tracing data source.

4. In the top-right corner of the panel editor, select the Visualizations tab, search for, and select Traces.

5. Under the Panel options, enter a Title for your trace panel or have Grafana create one using generative AI features.

   For more information on the panel editor, refer to the Configure panel options documentation.

6. In the query editor, click the TraceQL query type tab.

7. Enter ${traceId} in the TraceQL query field to create a dashboard variable. This variable is used as the template query.

8. Click Back to dashboard.

9. Click Settings and go to the Variables tab.

10. Add a new variable called traceId, of variable type Custom, giving it a label if required.

11. Click Save dashboard.

12. Click Back to dashboard and Exit edit.

13. Verify that the panel works by using a valid trace ID for the data source used for the trace panel and editing the ID in the dashboard variable.

Add TraceQL with table visualizations

While you can add a trace visualization to a dashboard, having to manually add trace IDs as a dashboard variable is cumbersome. It’s more useful to instead be able to use TraceQL queries to search for specific types of traces and then select appropriate traces from matching results.

1. In the same dashboard where you added the trace visualization, click Edit in the top-right corner.

2. In the Add drop-down, select Visualization.

3. Select the same trace data source you used in the previous section.

4. In the top-right corner of the panel editor, select the Visualizations tab, search for, and select Table.

5. In the query editor, select the TraceQL tab.

6. Under the Panel options, enter a Title for your trace panel or have Grafana create one using generative AI features.

7. Add an appropriate TraceQL query to search for traces that you would like to visualize in the dashboard. This example uses a simple, static query. You can write the TraceQL query as a template query to take advantage of other dashboard variables, if they exist. This lets you create dynamic queries based on these variables.

8. Click Save dashboard.

9. Click Back to dashboard and Exit edit.

When results are returned from a query, the results are rendered in the panel’s table.

Use a variable to add other links to traces

The results in the traces visualization include links to the Explore page that renders the trace. You can add other links to traces in the table that fill in the traceId dashboard variable when selected, so that the trace is visualized in the same dashboard.

To create a set of data links in the panel, use the following steps:

1. In the panel editor menu, under Data links, click Add link.

2. Add a Title for the data link.

3. Find the UUID of the dashboard by looking in your browser’s address bar when the full dashboard is being rendered. Because this is a link to a dashboard in the same Grafana stack, only the path of the dashboard is required.

4. In the URL field, make a self-reference to the dashboard that contains both of the panels. This self-reference uses the value of the selected trace in the table to fill in the dashboard variable. Use the path for the dashboard from the previous step and then fill in the value of traceId using the selected results from the TraceQL table. The trace ID is exposed using the traceID data field in the returned results, so use that as the value for the dashboard variable.

5. Select Save to save the data link.

6. Click Save dashboard.

7. Click Back to dashboard and Exit edit.

You should now see a list of matching traces in the table visualization. While selecting the TraceID or SpanID fields will give you the option to either open the Explore page to visualize the trace or following the data link, selecting any other field (such as Start time, Name or Duration) automatically follows the data link, filling in the traceId dashboard variable, and then shows the relevant trace in the trace panel.

Panel options

In the Panel options section of the panel editor pane, set basic options like panel title and description, as well as panel links. To learn more, refer to Configure panel options.