diff --git a/doc/gui/examples/extensions/metric-shape.py b/doc/gui/examples/controls/metric-min-max-range.py
similarity index 84%
rename from doc/gui/examples/extensions/metric-shape.py
rename to doc/gui/examples/controls/metric-min-max-range.py
index 12929964e2..fe371922fc 100644
--- a/doc/gui/examples/extensions/metric-shape.py
+++ b/doc/gui/examples/controls/metric-min-max-range.py
@@ -15,15 +15,13 @@
 # -----------------------------------------------------------------------------------------
 from taipy.gui import Gui
 
-default_value = 50
-
-# Initial value
-value = 50
+min_value = 50
+max_value = 150
 
 page = """
-<|{value}|metric|type=linear|delta=-20|format=%%|delta_format=%%|>
-<|{value}|metric|type=circular|delta=-20|format=%%|delta_format=%%|>
+<|90|metric|min={min_value}|max={max_value}|>
 """
 
+
 Gui(page).run()
 
diff --git a/doc/gui/examples/controls/metric-no-show-value.py b/doc/gui/examples/controls/metric-no-show-value.py
new file mode 100644
index 0000000000..e306ef1976
--- /dev/null
+++ b/doc/gui/examples/controls/metric-no-show-value.py
@@ -0,0 +1,24 @@
+# Copyright 2021-2024 Avaiga Private Limited
+#
+# Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with
+# the License. You may obtain a copy of the License at
+#
+#        http://www.apache.org/licenses/LICENSE-2.0
+#
+# Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on
+# an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the
+# specific language governing permissions and limitations under the License.
+# -----------------------------------------------------------------------------------------
+# To execute this script, make sure that the taipy-gui package is installed in your
+# Python environment and run:
+#     python <script>
+# -----------------------------------------------------------------------------------------
+from taipy.gui import Gui
+
+page = """
+<|90|metric|show_value=false|>
+"""
+
+
+Gui(page).run()
+
diff --git a/doc/gui/examples/extensions/metric-simple.py b/doc/gui/examples/controls/metric-simple.py
similarity index 80%
rename from doc/gui/examples/extensions/metric-simple.py
rename to doc/gui/examples/controls/metric-simple.py
index fb283dd789..b5f090227a 100644
--- a/doc/gui/examples/extensions/metric-simple.py
+++ b/doc/gui/examples/controls/metric-simple.py
@@ -15,11 +15,13 @@
 # -----------------------------------------------------------------------------------------
 from taipy.gui import Gui
 
-# Initial value
-value = 90
+delta_value = 20
+min_value = 50
+max_value = 150
+threshold = 100
 
 page = """
-<|{value}|metric|show_value=true|min=50|max=150|delta=20|threshold=100|format=%d km/h|delta_format=%dkm/h|width=800px|height=500px|>
+<|90|metric|show_value=true|min={min_value}|max={max_value}|delta={delta_value}|threshold={threshold}|format=%d km/h|delta_format=%dkm/h|width=800px|height=500px|>
 """
 
 
diff --git a/doc/gui/examples/controls/metric-type.py b/doc/gui/examples/controls/metric-type.py
new file mode 100644
index 0000000000..37072e3008
--- /dev/null
+++ b/doc/gui/examples/controls/metric-type.py
@@ -0,0 +1,24 @@
+# Copyright 2021-2024 Avaiga Private Limited
+#
+# Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with
+# the License. You may obtain a copy of the License at
+#
+#        http://www.apache.org/licenses/LICENSE-2.0
+#
+# Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on
+# an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the
+# specific language governing permissions and limitations under the License.
+# -----------------------------------------------------------------------------------------
+# To execute this script, make sure that the taipy-gui package is installed in your
+# Python environment and run:
+#     python <script>
+# -----------------------------------------------------------------------------------------
+from taipy.gui import Gui
+
+page = """
+<|50|metric|type=linear|>
+<|50|metric|type=circular|>
+"""
+
+Gui(page).run()
+
diff --git a/doc/gui/examples/controls/metric-value-format.py b/doc/gui/examples/controls/metric-value-format.py
new file mode 100644
index 0000000000..8a4e9a7112
--- /dev/null
+++ b/doc/gui/examples/controls/metric-value-format.py
@@ -0,0 +1,29 @@
+# Copyright 2021-2024 Avaiga Private Limited
+#
+# Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with
+# the License. You may obtain a copy of the License at
+#
+#        http://www.apache.org/licenses/LICENSE-2.0
+#
+# Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on
+# an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the
+# specific language governing permissions and limitations under the License.
+# -----------------------------------------------------------------------------------------
+# To execute this script, make sure that the taipy-gui package is installed in your
+# Python environment and run:
+#     python <script>
+# -----------------------------------------------------------------------------------------
+from taipy.gui import Gui
+
+delta_value = 20
+
+# format & delta_format are used to format the value and delta value respectively.
+# They use the printf syntax.
+
+page = """
+<|90|metric|delta={delta_value}|format=%d km/h|delta_format=%dkm/h|>
+"""
+
+
+Gui(page).run()
+