You can download the code of this step here or all the steps here.

For Notebooks

The "Getting Started" Notebook is available here. In Taipy GUI, the process to execute a Jupyter Notebook is different from executing a Python Script.

Step 2: Visual elements

Many visual elements can be added to the basic code viewed in Step 1. This Step shows how to use visual elements like charts, sliders, tables, etc., inside the graphical interface.

Visual elements

Taipy GUI can be considered as an augmented Markdown; it adds the concept of Visual elements on top of all the Markdown syntax. A visual element is a Taipy graphical object displayed on the client. It can be a slider, a chart, a table, an input, a menu, etc. Check the list here.

Every visual element follows a similar syntax:

<|{variable}|visual_element_name|param_1=param_1|param_2=param_2| ... |>.

For example, a slider is written this way :

<|{variable}|slider|min=min_value|max=max_value|>.

For each visual element you wish to add to your web page, you must include the above-mentioned syntax inside your markdown string (representing your page). Example: at the beginning of the page, let's display:

• a Python variable text

• an input that will "visually" modify the value of text.

Here is the overall syntax:

<|{text}|>
<|{text}|input|>

Here is the combined code:

from taipy.gui import Gui

text = "Original text"

page = """
# Getting started with Taipy GUI

My text: <|{text}|>

<|{text}|input|>
"""

Gui(page).run()