[v10.0.x] docs: improvements to visualizations docs (#69724)

docs: improvements to visualizations docs  (#69503)

* made changes from PR 67118

* made changes from PR 67123

* made some changes from PR 67128

* made changes from PR 67129

* made changes from PR 67133

(cherry picked from commit 337ffd3015)

Co-authored-by: Isabel <76437239+imatwawana@users.noreply.github.com>

docs/sources/panels-visualizations/configure-value-mappings/index.md

@@ -18,18 +18,18 @@ weight: 600
 
 In addition to field overrides, value mapping is a technique that you can use to change the visual treatment of data that appears in a visualization.
 
-Values mapped via value mappings bypass the unit formatting. This means that a text value mapped to a numerical value is not formatted using the configured unit.
+Values mapped using value mappings bypass the unit formatting. This means that a text value mapped to a numerical value is not formatted using the configured unit.
 
 ![Value mappings example](/static/img/docs/value-mappings/value-mappings-example-8-0.png)
 
 If value mappings are present in a panel, then Grafana displays a summary in the side pane of the panel editor.
 
+## Types of value mappings
+
 {{% admonition type="note" %}}
 The new value mappings are not compatible with some visualizations, such as Graph (old), Text, and Heatmap.
 {{% /admonition %}}
 
-## Types of value mappings
-
 Grafana supports the following value mappings:
 
 - **Value:** Maps text values to a color or different display text. For example, you can configure a value mapping so that all instances of the value `10` appear as **Perfection!** rather than the number.
@@ -123,7 +123,7 @@ Map a special value when you want to format uncommon, boolean, or empty values.
 
 ## Edit a value mapping
 
-You can change a value mapping at any time.
+You can edit a value mapping at any time.
 
 1. Edit the panel that contains the value mapping you want to edit.
 1. In the panel display options, in the **Value mappings** section, click **Edit value mappings**.