From 99e69c9c352ed94da6a184cd710d76aded4f8d0f Mon Sep 17 00:00:00 2001
From: Jo Stichbury <jo_stichbury@mckinsey.com>
Date: Wed, 8 May 2024 14:28:05 +0100
Subject: [PATCH] [Docs] Fix typo in explore components docs page (#464)

---
 ...tichbury_fix_typo_in_explore_components.md | 48 +++++++++++++++++++
 .../pages/tutorials/explore-components.md     | 12 ++---
 2 files changed, 54 insertions(+), 6 deletions(-)
 create mode 100644 vizro-core/changelog.d/20240508_101042_jo_stichbury_fix_typo_in_explore_components.md

diff --git a/vizro-core/changelog.d/20240508_101042_jo_stichbury_fix_typo_in_explore_components.md b/vizro-core/changelog.d/20240508_101042_jo_stichbury_fix_typo_in_explore_components.md
new file mode 100644
index 000000000..f1f65e73c
--- /dev/null
+++ b/vizro-core/changelog.d/20240508_101042_jo_stichbury_fix_typo_in_explore_components.md
@@ -0,0 +1,48 @@
+<!--
+A new scriv changelog fragment.
+
+Uncomment the section that is right (remove the HTML comment wrapper).
+-->
+
+<!--
+### Highlights ✨
+
+- A bullet item for the Highlights ✨ category with a link to the relevant PR at the end of your entry, e.g. Enable feature XXX ([#1](https://github.com/mckinsey/vizro/pull/1))
+
+-->
+<!--
+### Removed
+
+- A bullet item for the Removed category with a link to the relevant PR at the end of your entry, e.g. Enable feature XXX ([#1](https://github.com/mckinsey/vizro/pull/1))
+
+-->
+<!--
+### Added
+
+- A bullet item for the Added category with a link to the relevant PR at the end of your entry, e.g. Enable feature XXX ([#1](https://github.com/mckinsey/vizro/pull/1))
+
+-->
+<!--
+### Changed
+
+- A bullet item for the Changed category with a link to the relevant PR at the end of your entry, e.g. Enable feature XXX ([#1](https://github.com/mckinsey/vizro/pull/1))
+
+-->
+<!--
+### Deprecated
+
+- A bullet item for the Deprecated category with a link to the relevant PR at the end of your entry, e.g. Enable feature XXX ([#1](https://github.com/mckinsey/vizro/pull/1))
+
+-->
+<!--
+### Fixed
+
+- A bullet item for the Fixed category with a link to the relevant PR at the end of your entry, e.g. Enable feature XXX ([#1](https://github.com/mckinsey/vizro/pull/1))
+
+-->
+<!--
+### Security
+
+- A bullet item for the Security category with a link to the relevant PR at the end of your entry, e.g. Enable feature XXX ([#1](https://github.com/mckinsey/vizro/pull/1))
+
+-->
diff --git a/vizro-core/docs/pages/tutorials/explore-components.md b/vizro-core/docs/pages/tutorials/explore-components.md
index ee827b03b..b8d2f8e8e 100644
--- a/vizro-core/docs/pages/tutorials/explore-components.md
+++ b/vizro-core/docs/pages/tutorials/explore-components.md
@@ -42,7 +42,7 @@ The code below shows the steps necessary to add a box plot to the page:
                 vm.Graph(
                     id="box_cont",
                     figure=px.box(gapminder_data, x="continent", y="lifeExp", color="continent",
-                                    labels={"lifeExp": "Life Expectancy", "continent":"Continent"}),
+                                    labels={"lifeExp": "Life Expectancy", "continent": "Continent"}),
                 ),
             ],
         )
@@ -133,7 +133,7 @@ The code below adds two components to the page:
                 vm.Graph(
                     id="box_cont",
                     figure=px.box(gapminder_data, x="continent", y="lifeExp", color="continent",
-                                    labels={"lifeExp": "Life Expectancy", "continent":"Continent"}),
+                                    labels={"lifeExp": "Life Expectancy", "continent": "Continent"}),
                 ),
                 vm.Graph(
                     id="line_gdp",
@@ -229,7 +229,7 @@ Run the code below to apply the layout to the dashboard page:
                 vm.Graph(
                     id="box_cont",
                     figure=px.box(gapminder_data, x="continent", y="lifeExp", color="continent",
-                                    labels={"lifeExp": "Life Expectancy", "continent":"Continent"}),
+                                    labels={"lifeExp": "Life Expectancy", "continent": "Continent"}),
                 ),
                 vm.Graph(
                     id="line_gdp",
@@ -303,7 +303,7 @@ are listed in the `targets` parameter, meaning that the filter is be applied to
                 vm.Graph(
                     id="box_cont",
                     figure=px.box(gapminder_data, x="continent", y="lifeExp", color="continent",
-                                    labels={"lifeExp": "Life Expectancy", "continent":"Continent"}),
+                                    labels={"lifeExp": "Life Expectancy", "continent": "Continent"}),
                 ),
                 vm.Graph(
                     id="line_gdp",
@@ -409,7 +409,7 @@ for parameters](../user-guides/parameters.md).
                 vm.Graph(
                     id="box_cont",
                     figure=px.box(gapminder_data, x="continent", y="lifeExp", color="continent",
-                                    labels={"lifeExp": "Life Expectancy", "continent":"Continent"}),
+                                    labels={"lifeExp": "Life Expectancy", "continent": "Continent"}),
                 ),
                 vm.Graph(
                     id="line_gdp",
@@ -588,7 +588,7 @@ of the subpages. Additionally, you can use the navigation panel on the left side
                 vm.Graph(
                     id="box_cont",
                     figure=px.box(gapminder_data, x="continent", y="lifeExp", color="continent",
-                                    labels={"lifeExp": "Life Expectancy", "continent":"Continent"}),
+                                    labels={"lifeExp": "Life Expectancy", "continent": "Continent"}),
                 ),
                 vm.Graph(
                     id="line_gdp",