Merge pull request #246791 from EdB-MSFT/metric-chart-samples

updated

Author: v-regandowner

articles/azure-monitor/essentials/media/metrics-charts/cpu-by-instance.png

@@ -3,55 +3,66 @@ title: Azure Monitor metric chart example
 description: Learn about visualizing your Azure Monitor data.
 services: azure-monitor
 ms.topic: conceptual
-ms.date: 01/29/2019
+author: EdB-MSFT
+ms.author: edbaynash
+ms.date: 08/01/2023
 ms.reviewer: vitalyg
 ---
 
 # Metric chart examples 
 
-The Azure platform offers [over a thousand metrics](./metrics-supported.md), many of which have dimensions. By using [dimension filters](./metrics-charts.md), applying [splitting](./metrics-charts.md), controlling chart type, and adjusting chart settings you can create powerful diagnostic views and dashboards that provide insight into the health of your infrastructure and applications. This article shows some examples of the charts that you can build using [Metrics Explorer](./metrics-charts.md) and explains the necessary steps to configure each of these charts.
+The Azure platform offers [over a thousand metrics](/azure/azure-monitor/reference/supported-metrics/metrics-index.md), many of which have dimensions. By using [dimension filters](./metrics-charts.md), applying [splitting](./metrics-charts.md), controlling chart type, and adjusting chart settings you can create powerful diagnostic views and dashboards that provide insight into the health of your infrastructure and applications. This article shows some examples of the charts that you can build using [Metrics Explorer](./metrics-charts.md), and explains the necessary steps to configure each of these charts.
 
-Want to share your great charts examples with the world? Contribute to this page on GitHub and share your own chart examples here!
 
 ## Website CPU utilization by server instances
 
-This chart shows if CPU for an App Service was within the acceptable range and breaks it down by instance to determine whether the load was properly distributed. You can see from the chart that the app was running on a single server instance before 6 AM, and then scaled up by adding another instance.
+This chart shows if the CPU usage for an App Service Plan was within the acceptable range and breaks it down by instance to determine whether the load was properly distributed. 
 
-![Line chart of average cpu percentage by server instance](./media/metrics-charts/cpu-by-instance.png)
+:::image type="content" source="./media/metrics-charts/cpu-by-instance.png" alt-text="A screenshot showing a line chart of average cpu percentage by server instance." lightbox="./media/metrics-charts/cpu-by-instance.png":::
 
-### How to configure this chart?
-
-Select your App Service resource and find the **CPU Percentage** metric. Then click on **Apply splitting** and select the **Instance** dimension.
+### How to configure this chart
+1. Select **Metrics** from the **Monitoring** section of your App service plan's menu
+1. Select the **CPU Percentage** metric. 
+1. Select **Apply splitting** and select the **Instance** dimension.
 
 ## Application availability by region
 
-View your application's availability by region to identify which geographic locations are having problems. This chart shows the Application Insights availability metric. You can see that the monitored application has no problem with availability from the East US datacenter, but it is experiencing a partial availability problem from West US, and East Asia.
+View your application's availability by region to identify which geographic locations are having problems. This chart shows the Application Insights availability metric. You can see that the monitored application has no problem with availability from the East US datacenter, but it's experiencing a partial availability problem from West US, and East Asia.
 
-![Chart of average availability by locations](./media/metrics-charts/availability-by-location.png)
+:::image type="content" source="./media/metrics-charts/availability-by-location.png" alt-text="A screenshot showing a line chart of average availability by location." lightbox="./media/metrics-charts/availability-by-location.png":::
 
-### How to configure this chart?
+### How to configure this chart
 
-You first need to turn on [Application Insights availability](/previous-versions/azure/azure-monitor/app/monitor-web-app-availability) monitoring for your website. After that, pick your Application Insights resource and select the Availability metric. Apply splitting on the **Run location** dimension.
+1. You must turn on [Application Insights availability](/previous-versions/azure/azure-monitor/app/monitor-web-app-availability) monitoring for your website.
+1. Select your Application Insights resource.
+1. Select the **Availability** metric. 
+1. Apply splitting on the **Run location** dimension.
 
 ## Volume of failed storage account transactions by API name
 
 Your storage account resource is experiencing an excess volume of failed transactions. You can use the transactions metric to identify which API is responsible for the excess failure. Notice that the following chart is configured with the same dimension (API name) in splitting and filtered by failed response type:
 
-![Bar graph of API transactions](./media/metrics-charts/split-and-filter-example.png)
+:::image type="content" source="./media/metrics-charts/split-and-filter-example.png" alt-text="A screenshot showing a chart of transactions by API name." lightbox="./media/metrics-charts/split-and-filter-example.png":::
 
-### How to configure this chart?
+### How to configure this chart
 
-In the metric picker, select your storage account and the **Transactions** metric. Switch chart type to **Bar chart**. Click **Apply splitting** and select dimension **API name**. Then click on the **Add filter** and pick the **API name** dimension once again. In the filter dialog, select the APIs that you want to plot on the chart.
+1. In the Scope dropdown, select your Storage Account
+1. In the metric dropdown, select the **Transactions** metric.
+1. Select **Add filter** and select **Response type** from the **Property** dropdown.
+1. Select **CLientOtherError** from the **Values** dropdown.
+1. Select **Apply splitting**  and select **API name**  from the values dropdown.
 
 ## Total requests of Cosmos DB by Database Names and Collection Names
 
 You want to identify which collection in which database of your Cosmos DB instance is having maximum requests to adjust your costs for Cosmos DB.
 
-![Segmented line chart of Total Requests](./media/metrics-charts/multiple-split-example.png)
+:::image source="./media/metrics-charts/multiple-split-example.png" alt-text="A screenshot showing a segmented line chart of total requests." lightbox="./media/metrics-charts/multiple-split-example.png":::
 
-### How to configure this chart?
+### How to configure this chart
 
-In the metric picker, select your Cosmos DB resource and the **Total Requests** metric. Click **Apply splitting** and select dimensions **DatabaseName** and **CollectionName**.
+1. In the scope dropdown, select your Cosmos DB.
+1. In the metric dropdown, select **Total Requests**. 
+1. Select **Apply splitting** and select the **DatabaseName** and **CollectionName** dimensions from the **Values** dropdown.
 
 ## Next steps