[Docs] Fix typo in explore components docs page (mckinsey#464)

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))
+
+-->

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",