Créer une application Dash simple

Dans le chapitre précédent, nous avons présenté comment installer Dash. Pour nous assurer que Dash est correctement installé, nous pouvons créer une application Dash simple pour le tester.

1. Créer un fichier Python

Créez un nouveau fichier Python dans le répertoire de votre projet, par exempleapp.py。

2. Écrire du code

Dansapp.pyDans le fichier, saisissez le code suivant :

Exemple

# Importer les bibliothèques liées à Dash
import dash
from dash import dcc, html  # dcc est la bibliothèque de composants principaux de Dash, html est la bibliothèque de composants HTML

# Créer une instance d'application Dash
app = dash.Dash(__name__)

# Définir la mise en page de l'application
app.layout = html.Div(children=[
    # Ajouter un titre
    html.H1(children='Hello, Dash!'),

    # Ajouter du texte descriptif
    html.Div(children='''
Dash : un framework d'application web pour Python.
    '''),

    # Ajouter un graphique
    dcc.Graph(
        id='example-graph',  # ID du graphique, utilisé pour les fonctions de rappel
        figure={
            'data': [  # Données du graphique
                {'x': [1, 2, 3], 'y': [4, 1, 2], 'type': 'bar', 'name': 'Shanghai'},
                {'x': [1, 2, 3], 'y': [2, 4, 5], 'type': 'bar', 'name': 'Pékin'},
            ],
            'layout': {  # Mise en page du graphique
                'title': Exemple de visualisation de données Dash  # Titre du graphique
            }
        }
    )
])

# Exécuter l'application
if __name__ == '__main__':
    app.run_server(debug=True)  # Démarrer l'application, debug=True active le mode débogage

3. Exécuter l'application

Exécutez la commande suivante dans le terminal pour démarrer l'application Dash :

python app.py

Si tout fonctionne correctement, vous verrez une sortie similaire à la suivante :

Dash is running on http://127.0.0.1:8050/

 * Serving Flask app 'test'
 * Debug mode: on

Ouvrez votre navigateur et visitezhttp://127.0.0.1:8050/vous verrez une simple page d'application Dash affichant un titre, du texte et un graphique à barres, comme illustré ci-dessous

Grâce aux étapes ci-dessus, nous avons exécuté avec succès une application Dash simple.

Dash est un framework puissant et facile à utiliser, particulièrement bien adapté au développement de visualisations de données et d'applications web interactives.

autres extensions