Skip to content

Commit b67cbe5

Browse files
florent-leborgnebmorelli25nastasha-solomon
authored
Apply suggestions from code review
Co-authored-by: Brandon Morelli <[email protected]> Co-authored-by: Nastasha Solomon <[email protected]>
1 parent 4cc1948 commit b67cbe5

File tree

1 file changed

+9
-9
lines changed

1 file changed

+9
-9
lines changed

explore-analyze/visualize/charts/metric-charts.md

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -8,10 +8,10 @@ description: Instructions and best practices for building metric charts with Kib
88

99
# Build metric charts with {{kib}}
1010

11-
Metric charts make important single values stand out on a dashboard. They're perfect for highlighting KPIs such as error rates or SLOs for example, and for making them understandable at a glance with dynamic coloring or trend indicators.
11+
Metric charts make important single values stand out on a dashboard. They're perfect for highlighting KPIs such as error rates or SLOs, and for making them understandable at a glance with dynamic coloring or trend indicators.
1212

1313
They work with any numeric data: plain numbers, percentages, or calculations like a count, sum, or average. You can get this numeric data from numeric fields stored in your {{es}} documents, or from aggregation functions and formulas that you can apply to any type of field. <br>
14-
You can also display strings by using the `Last value` aggregation function that picks up the last document, sorted by timestamp, in the current tine frame.
14+
You can also display strings by using the `Last value` aggregation function that picks up the last document, sorted by timestamp, in the current time frame.
1515

1616

1717
To create metric charts in {{kib}}, you must use [**Lens**](../lens.md)
@@ -47,7 +47,7 @@ Using the dropdown indicating **Bar**, select **Metric**.
4747
Refer to [](#settings) to find all data configuration options for your metric chart.
4848
::::
4949

50-
::::{step} Customize the chart with best practices
50+
::::{step} Customize the chart to follow best practices
5151
Tweak the appearance of the chart to your needs. Consider the following best practices:
5252

5353
**Use color wisely**
@@ -57,7 +57,7 @@ Tweak the appearance of the chart to your needs. Consider the following best pra
5757
: Round to appropriate precision. Showing 1.2M is clearer than 1,234,567.89 for high-level metrics. But show more precision when small changes matter.
5858

5959
**Provide context**
60-
: Use titles and subtitles to explain what the metric means. "45,234" is a number, but "Active Users" as a title gives it meaning, and "Last 24 hours" as a subtitle makes it unambiguous.
60+
: Use titles and subtitles to explain what the metric shows. "45,234" is a number, but "Active Users" as a title gives it meaning, and "Last 24 hours" as a subtitle makes it unambiguous.
6161

6262
Refer to [](#settings) for a complete list of options.
6363
::::
@@ -107,7 +107,7 @@ To add trend indicators to your metric visualization:
107107
* **Value**: Shows only the secondary metric value
108108
* **Both**: Shows both the icon and value (default)
109109

110-
7. The secondary metric does not automatically compare with the primary metric. Define the value to **Compare to**:
110+
7. The secondary metric does not automatically compare with the primary metric. Define the value for **Compare to**:
111111
* **Static value**: Compares against a fixed baseline value that you specify
112112
* **Primary metric**: Compares the secondary metric directly against the primary metric by displaying the result of `Primary metric - Secondary metric`. This option is only available when the primary metric is numeric.
113113

@@ -165,7 +165,7 @@ Customize your metric chart to display exactly the information you need, formatt
165165

166166
**Appearance**
167167
: Define the formatting of the primary metric, including:
168-
- **Name**: By default, the chart uses the function or formula as title. It's a best practice to customize this with a readable title.
168+
- **Name**: By default, the chart uses the function or formula as title. It's a best practice to customize this with a meaningful title.
169169
- **Value format**: Choose to display the metric as number, percent, bytes, bits, duration, or with a custom format that you can define.
170170
- **Color by value**: Apply colors to the chart. Choose between **Static** for a unique color and **Dynamic** for using different colors based on the metric's value. By default, the color applies to the chart's background.
171171
- **Static**: Pick a color and its opacity. That color always remains the same and is independent from the metric's value.
@@ -188,7 +188,7 @@ Customize your metric chart to display exactly the information you need, formatt
188188

189189
**Appearance**
190190
: Define the formatting of the secondary metric, including:
191-
- **Name**: By default, the chart uses the function or formula as title. It's a best practice to customize this with a readable title.
191+
- **Name**: By default, the chart uses the function or formula as title. It's a best practice to customize this with a meaningful title.
192192
- **Value format**: Choose to display the metric as number, percent, bytes, bits, duration, or with a custom format that you can define.
193193
- **Label**: Define the label displayed next to the secondary metric. By default, the **Name** shows. You can instead show a **Custom** value or hide it by selecting **None**.
194194
- **Label position**: Choose to show the label **Before** or **After** the metric.
@@ -221,7 +221,7 @@ Customize your metric chart to display exactly the information you need, formatt
221221

222222
**Appearance**
223223
: Define the formatting of the broken down view of the metric, including:
224-
- **Name**: It's a best practice to customize this with a readable title.
224+
- **Name**: It's a best practice to customize this with a meaningful title.
225225
- **Layout columns**: The number of columns used to lay out the various tiles of your metric chart.
226226

227227

@@ -254,7 +254,7 @@ The following examples show various configuration options that you can use for b
254254
* **Title**: "Successful requests (2xx)"
255255
* **Primary metric**: `count(kql='response.code >= "200" and response.code < "300"') / count(response.code)`
256256
* **Value format**: `Percent`
257-
* **Color by value**: `Dynamic`. Green when above 95%, yellow between 75% and 95%, red when below
257+
* **Color by value**: `Dynamic` (green when above 95%, yellow between 75% and 95%, red when below)
258258
* **Supporting visualization:** "Line" to show evolution over time
259259
* **Secondary metric**: `0.95` formula
260260
* **Value format**: `Percent`

0 commit comments

Comments
 (0)