# Vizro is an open-source toolkit for creating modular data visualization applications.
# check out https://github.com/mckinsey/vizro for more info about Vizro
# and checkout https://vizro.readthedocs.io/en/stable/ for documentation.
import vizro.plotly.express as px
from vizro import Vizro
import vizro.models as vm
df = px.data.iris()
page = vm.Page(
title="Iris Visualization",
layout=vm.Grid(grid=[[0, 1], [2, 2], [2, 2], [3, 3], [3, 3]], row_min_height="140px"),
components=[
vm.Card(
text="""
### What is Iris?
This is all just a test."""
),
vm.Card(
text="""
### Github
Checkout Vizro's GitHub page for further information and release notes. Contributions are always welcome!""",
href="https://github.com/mckinsey/vizro",
),
vm.Graph(id="scatter_chart", figure=px.scatter(df, x="sepal_length", y="petal_width", color="species")),
vm.Graph(id="bar_chart", figure=px.bar(df, x="species", y="species_id")),
],
controls=[vm.Filter(column="species"), vm.Filter(column="petal_length"), vm.Filter(column="sepal_width")],
)
dashboard = vm.Dashboard(pages=[page])
Vizro().build(dashboard).run()