import vizro.plotly.express as px
from vizro import Vizro
import vizro.models as vm
from vizro.figures import kpi_card, kpi_card_reference
df = px.data.iris()
page = vm.Page(
title="Vizro on PyCafe",
layout = vm.Layout(grid = [
[0,0,0,1,2,3],
[4,4,4,4,4,4],
[4,4,4,4,4,4],
[5,5,5,5,5,5],
[5,5,5,5,5,5]
]),
components=[
vm.Card(text = """
### What is Vizro?
Vizro is a toolkit for creating modular data visualization applications.
Rapidly self-serve the assembly of customized dashboards in minutes - without the need for advanced coding or design experience - to create flexible and scalable, Python-enabled data visualization applications.
"""
),
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.Card(
text="""
### Docs
Visit the documentation for codes examples, tutorials and API reference.
""",
href = "https://vizro.readthedocs.io/"
),
vm.Card(
text="""
### Gallery
Head to Vizro's Gallery to see some beautiful dashboards for inspiration.
""",
href = "https://huggingface.co/vizro"
),
vm.Graph(id="scatter_chart", figure=px.scatter(df, x="sepal_length", y="petal_width", color="species")),
vm.Graph(id="hist_chart", figure=px.histogram(df, x="sepal_width", color="species")),
],
controls=[
vm.Filter(column="species", selector=vm.Dropdown(value=["ALL"])),
vm.Filter(column="petal_length"),
vm.Filter(column="sepal_width")
],
)
dashboard = vm.Dashboard(pages=[page])
Vizro().build(dashboard).run()