[Docs]fix vizro ai chart example

vizro-ai/changelog.d/20240510_140409_anna_xiong_fix_vizro_ai_chart_example.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-ai/docs/pages/user-guides/add-generated-chart-usecase.md

@@ -14,7 +14,7 @@ This guide explains the different ways in which you can add a chart generated by
             ```py
             import vizro_ai
             from vizro_ai import VizroAI
-            import plotly.express as px
+            import vizro.plotly.express as px
             from dotenv import load_dotenv
 
             load_dotenv()
@@ -64,7 +64,7 @@ This object must then be passed to the `figure` argument of the Vizro [Graph](ht
         import vizro.models as vm
         from vizro.models.types import capture
         import pandas as pd
-        import plotly.express as px
+        import vizro.plotly.express as px
 
 
         @capture('graph')
@@ -120,7 +120,7 @@ Executing the code below yields the identical dashboard as the example above.
         from vizro import Vizro
         import vizro.models as vm
         import pandas as pd
-        import plotly.express as px
+        import vizro.plotly.express as px
         import vizro_ai
         from vizro_ai import VizroAI