Update demo based on latest changes

README.md

@@ -9,7 +9,7 @@ license: apache-2.0
 short_description: Vizro - Visual vocabulary
 ---
 
-# Vizro - Visual vocabulary
+# Visual vocabulary
 
 ### Welcome to our visual vocabulary dashboard! 🎨
 
@@ -112,7 +112,7 @@ The dashboard is still in development. Below is an overview of the chart types f
 
 Contributions are welcome! To contribute a chart, follow the steps below:
 
-1. Check that a `svg` file named after the chart type is contained in the [assets](https://github.com/mckinsey/vizro/tree/main/vizro-core/examples/_visual-vocabulary/assets/images/charts) folder. If not, [raise an issue](https://github.com/mckinsey/vizro/issues) in the repository.
+1. Check that a `svg` file named after the chart type is contained in the [assets](https://github.com/mckinsey/vizro/tree/main/vizro-core/examples/visual-vocabulary/assets/images/charts) folder. If not, [raise an issue](https://github.com/mckinsey/vizro/issues) in the repository.
 2. Add the data set to `_pages_utils.py` if it doesn't already exist. Use existing data sets preferably or any other data set that is publicly available e.g. [plotlx.express.data](https://plotly.com/python-api-reference/generated/plotly.express.data.html)
 3. Create a new page for the chart type and add it to the relevant category `.py` file such as `correlation.py`,
    `deviation.py`, `distribution.py`, etc. Ensure you add the page to the list of `pages` at the end of the `.py` file.
@@ -122,6 +122,6 @@ Contributions are welcome! To contribute a chart, follow the steps below:
 
 ## How to run the example locally
 
-1. If you have `hatch` set up, run the example with the command `hatch run example _visual-vocabulary`.
+1. If you have `hatch` set up, run the example with the command `hatch run example visual-vocabulary`.
    Otherwise, with a virtual Python environment activated, run `pip install -r requirements.txt` and then `python app.py`.
 2. You should now be able to access the app locally via http://127.0.0.1:8050/.

app.py

@@ -95,7 +95,7 @@ homepage = vm.Page(
 # work nicely with the hierarchical navigation.
 dashboard = vm.Dashboard(
     # ALL_CHART_GROUP.pages has duplicated pages, e.g. both distribution-butterfly and deviation-butterfly.
-    title="Vizro visual vocabulary",
+    title="Visual vocabulary",
     pages=[homepage, *ALL_CHART_GROUP.pages],
     navigation=vm.Navigation(
         nav_selector=vm.NavBar(

assets/css/custom.css

@@ -76,3 +76,7 @@ img[src*="#chart-icon"] {
 .intro-text p a {
   font-size: inherit;
 }
+
+.intro-text ul:last-of-type {
+  margin-bottom: 0;
+}

chart_groups.py

@@ -224,6 +224,8 @@ communicate your message, and streamline the creation of high-quality, interacti
 
  
 
+ 
+
 
 Created by:
 - [Huong Li Nguyen](https://github.com/huong-li-nguyen) and [Antony Milne](https://github.com/antonymilne)

requirements.in

@@ -1,5 +1,5 @@
 # This file is only used if you don't have hatch installed.
 black==24.4.2
 plotly>=5.24.0
-vizro==0.1.22
+vizro==0.1.23
 gunicorn

requirements.txt

@@ -110,7 +110,7 @@ tzdata==2024.1
     # via pandas
 urllib3==2.2.2
     # via requests
-vizro==0.1.22
+vizro==0.1.23
     # via -r requirements.in
 werkzeug==3.0.4
     # via