Connection map visualization

Dashboards version 1.311+ Notebooks version 1.311+

When to use

Use a connection map to visualize connections between mapped points. Examples include network traffic between servers or data centers, and flight routes to optimize scheduling and improve customer experience.

Examples

To try out an example

  1. Create a DQL tile in Dashboards Dashboards or a DQL section in Notebooks Notebooks.
  2. Copy the example data and paste it into the DQL edit box.
  3. Run it.
  4. Select the visualization and experiment with the visualization settings.

Example 1

Connection map example

The map above is based on the following data.

data
record(flightNo="DT123", geo.location.latitude=48.2195335, geo.location.longitude=16.3784883), //Vienna
record(flightNo="DT123", geo.location.latitude=41.3826807, geo.location.longitude=2.1770239), //Barcelona
record(flightNo="DT456", geo.location.latitude=48.2195335, geo.location.longitude=16.3784883), //Vienna
record(flightNo="DT456", geo.location.latitude=48.1379879, geo.location.longitude=11.575182), //Munich
record(flightNo="DT354", geo.location.latitude=48.2195335, geo.location.longitude=16.3784883), //Vienna
record(flightNo="DT354", geo.location.latitude = 51.509865, geo.location.longitude = -0.118092), //London
record(flightNo="DT985", geo.location.latitude=48.2195335, geo.location.longitude=16.3784883), //Vienna
record(flightNo="DT985", geo.location.latitude = 52.520008, geo.location.longitude = 13.404954), //Berlin
record(flightNo="DT111", geo.location.latitude=48.2195335, geo.location.longitude=16.3784883), //Vienna
record(flightNo="DT111", geo.location.latitude = 48.864716, geo.location.longitude = 2.349014) //Paris
| summarize by:{flightNo}, geo.location.latitude=collectArray(geo.location.latitude), geo.location.longitude=collectArray(geo.location.longitude)

Title

Use the title field at the top of the options panel (initially Untitled tile or Untitled section) to add a title to your dashboard tile or notebook section.

  • You can use emojis such as 😃 and 🌍 and ❤️.
  • You can use variables.

Example:

  1. Define variables called Status and Emoji in your dashboard.
  2. Set the title to Current $Emoji status is $Status.
  3. Set Status to Good.
  4. Set Emoji to 🌍.

The title will be displayed as Current 🌍 status is Good.

Visualization

If you aren't sure that you chose the right visualization, use the visualization selector to try different visualizations.

View

  • Default zoom

    Set a default zoom level for the map by selecting one of the following options:

    • Data: Automatically adjusts the zoom level to fit all the data points within the map view.
    • World: Sets the zoom level to display the entire world.
    • Custom: Lets you specify the coordinates for the map’s center and set a custom zoom level.

Data mapping

  • Latitude: Select a value from your query to use for the latitude of each point on the map.
  • Longitude: Select a value from your query to use for the longitude of each point on the map.
  • Color value: Select a value from your query to use for the color of each point on the map.

Line

  • Line type: Select the shape of a connection line.
    • Linear: A straight line between two points.
    • Smooth: A curved line between two points.
  • Stroke style: Select the pattern of a connection line.
    • Solid: An unbroken line between two points.
    • Dashed: A dashed line between two points.
  • Direction indicator: Where to show a direction indicator on a connection line.
    • Start: Display a direction indicator at the start of a connection line.
    • End: Display a direction indicator at the end of a connection line.
    • Both: Display a direction indicator at both ends of a connection line.
  • Thickness: The thickness (1-64 px) of a connection line.

Legend and tooltip

  • Show custom fields: To display custom fields (name and value) when you hover over a map area, turn on Show custom fields and select each custom field you want to display.

  • Text truncation: Determines how to truncate text when the full text can't be displayed.

    • A…: Trim from the right end of the text (when the right end is less important)
    • A…B: Trim from the middle of the text (when the middle is less important)
    • …B: Trim from the left end of the text (when the left end is less important)
  • Show legend: To display a map legend, turn on Show legend and select the legend Position:

    • Auto: Selects an appropriate location based on the map size and the available space.
    • Bottom: Displays a legend under the map.
    • Right: Displays a legend to the right of the map.

Color

  • Line colors

    Select how to color the connection lines:

    • Color palette: Displays all connection lines in a color shade from the selected color palette. The shade used for each connection line corresponds to the value of Color value in relation to the other areas.

      Example

      If the values of Color value returned by your query range from 0 to 100

      • A connection line with a value near 0 has a color shade from near the right end of the palette.
      • A connection line with a value near 100 has a color shade from near the left end of the palette.
    • Single-color: Displays all connection lines in the same color. Select a color from the list or enter the hex code for the color.

    • Custom colors: Displays each connection line in a custom color defined by you.

      For each custom color you want to add

      1. Select Color.
      2. Enter a value, operator, and color to use for that value and operator.
      Example

      Suppose you want to color connection lines by three levels of Color value:

      • Green if Color value is less than 4,000
      • Yellow if Color value reaches or exceeds a threshold of 4,000
      • Red if Color value reaches or exceeds a threshold of 5,000

      To configure this

      • Select Color and add a custom color row with the value 0, operator , and the desired shade of green. If Color value is 0 or higher, the connection line will be green.
      • Select Color and add a custom color row with the value 4,000, operator , and the desired shade of yellow. If Color value is 4,000 or higher, the connection line will be yellow.
      • Select Color and add a custom color row with the value 5,000, operator , and the desired shade of red. If Color value is 5,000 or higher, the connection line will be red.

Query limits

Use the Query limits section to check and adjust the Grail query limits per notebook section or dashboard tile. These settings determine the maximum limits when fetching data. Exceeding any limit will generate a warning.

Dashboard tiles and notebook sections created in Dynatrace earlier than version 1.296 are not affected. Those existing tiles/sections will return the same results as before.

  • Read data limit (GB)

    The limit in gigabytes for the amount of data that will be scanned during a read.

  • Record limit

    The maximum number of result records that this query will return. Default: 1,000 records. To see more records, you need to increase the value of Record limit.

    • If your query has no limit, such as

      fetch logs

      the value of Record limit is applied. By default, you will see up to 1,000 records.

    • If your query also includes a limit, such as

      fetch logs
      | limit 2000

      the lower of the two values (either limit in your query, or Record limit in the web UI) is applied.

      In the example above, you would still see only 1,000 records unless you increased the value of Record limit.

  • Result size limit

    The maximum number of result bytes that this query will return. For better performance with typical queries and smaller documents, the default is set to 1 MB.

  • Sampling (Logs and Spans only)

    Results in the selection of a subset of Log or Span records.

Units and formats

To override the default units and formats in a dashboard or notebook visualization

  1. Select to edit the visualization tile.

  2. Select the Visual tab.

  3. Select Units and formats.

  4. Select Override.

  5. Select Override

  6. In the dropdown list, select the item for which you want to add a unit override.

    This is a numeric column of the underlying DQL result, so it varies according to the query. For example:

    • A fetch events query returns events. The dropdown list here lets you select a numeric field (such as transfer_size) from the results.
    • A timeseries avg(dt.host.cpu.usage) query returns a single timeseries for avg(dt.host.cpu.usage). That timeseries is then the only selectable option in the list.
  7. Define the override.

    • Default unit: The base unit in which the values were captured. It's None if it was not included in the DQL result, or its automatically defined by the unit passed from the DQL result. This field doesn't lead to any conversion.
    • Displayed unit: Once you define a default unit, you can use Displayed unit for conversion. For example, if the DQL result defined your numeric value in the result as Bytes, Displayed unit now offers a suitable list of byte conversions such as Kilobyte and Megabyte. Unlike the Default unit, the Displayed unit is always a numeric conversion.
    • Decimals displays the default number of decimals (degree of precision) to display. To see it in action, change the Decimals selection and observe the change in the visualization.
    • Suffix displays the suffix to display after the unit. To see it in action, enter a string and observe the change in the visualization. When you don't find the unit you're looking for, you can use Suffix to display the desired unit.
  8. Turn on Abbreviate large numbers if you want to display large figures in abbreviated form. For example, 1053 becomes 1.1K.

To reset to defaults (discard override settings for the selected item), select the trash can next to the item.

This example uses a line chart, but the options apply to other visualizations.

  1. In Dashboards, create a dashboard.

  2. Select and, in the Snippets section of the menu, select Metrics > Chart average CPU across all hosts.

  3. In the section edit panel, select the Visual tab and select Line.

  4. Select Units and formats.

    Select Units and formats

  5. Select Override.

    Select Add Override.

  6. In the dropdown list, select the metric for which you want to add an override. There's only one metric to select in this example.

  7. Define the override for the displayed metric. You can observe your changes in the Y-axis of the chart.

    • Default unit displays Percent (%), which is the default unit for the selected metric. Try a different setting, such as One to instead display the result as a fraction of 1.

    • Displayed unit displays Auto. You can change it to a different unit, such as One to instead display the result as a fraction of 1.

      Only linear and static conversions are supported. For example, you cannot convert Degree Celsius(°C) into Degree Fahrenheit(°F), or convert Usd(US$) into Eur(€).

    • Decimals displays the default number of decimal points (degree of precision) to display. To see it in action, change the Decimals selection and observe the change in the visualization.

      For example, change this:

      Decimals setting before

      To this:

      Decimals setting after

    • Suffix displays the optional suffix to display after the unit. To see it in action, enter a string and observe the change in the visualization.

To reset to defaults (discard override settings for the selected metric), select the trash can next to the metric.