Py.Cafe

vizro-official/

vizro-floating-images-explorer

Floating Images Explorer

DocsPricing
  • assets/
  • app.py
  • requirements.txt
app.py
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
import vizro.models as vm
from vizro import Vizro

page = vm.Page(
        title="Floating Images",
        components=[
            vm.Card(
                text="""
                ### My card with floating image!

                ![](assets/images/continents/europe.svg#my-image#floating-right)

                 Commodi repudiandae consequuntur voluptatum laborum numquam blanditiis harum quisquam eius sed odit.

                 Fugiat iusto fuga praesentium option, eaque rerum! Provident similique accusantium nemo autem.

                 Obcaecati tenetur iure eius earum ut molestias architecto voluptate aliquam nihil, eveniet aliquid.

                 Culpa officia aut! Impedit sit sunt quaerat, odit, tenetur error, harum nesciunt ipsum debitis quas.

                 Obcaecati tenetur iure eius earum ut molestias architecto voluptate aliquam nihil, eveniet aliquid.

                Culpa officia aut! Impedit sit sunt quaerat, odit, tenetur error, harum nesciunt ipsum debitis quas.
            """,
            ),
        ],
    )

dashboard = vm.Dashboard(pages=[page])

Vizro().build(dashboard).run()