Tutoriel Dash

Dash est un framework open source basé sur Python pour créer rapidement des applications web pilotées par les données.

L'avantage principal de Dash réside dans sa facilité d'utilisation et sa flexibilité, permettant même aux développeurs sans expérience en développement front-end de démarrer sans effort.

Dash permet aux utilisateurs de créer des applications de visualisation de données interactives avec un simple code Python, sans avoir besoin de maîtriser des technologies front-end complexes comme JavaScript, HTML et CSS.


Qui devrait lire ce tutoriel ?

Dash est un outil puissant adapté aux développeurs qui souhaitent créer rapidement des applications web pilotées par les données.

Dash est particulièrement adapté aux data scientists, analystes et ingénieurs. Il peut créer une application web puissante avec quelques lignes de code, présentant des résultats d'analyse de données, des prédictions de modèles d'apprentissage automatique ou d'autres fonctionnalités pilotées par les données.

L'objectif principal de Dash est de permettre aux utilisateurs de se concentrer sur les données et la logique plutôt que sur le développement front-end.

Avec Dash, vous pouvez créer une application web puissante avec quelques lignes de code, présentant des résultats d'analyse de données, des prédictions de modèles d'apprentissage automatique ou d'autres fonctionnalités pilotées par les données.

Dash peut transformer des tâches complexes d'analyse et de visualisation de données en applications web interactives, ce qui permet de présenter et partager plus efficacement les résultats du travail.


Ce que vous devez savoir avant de suivre ce tutoriel

Ce tutoriel s'adresse aux développeurs ayant des bases en Python. Si vous n'êtes pas familier avec Python, vous pouvez consulterTutoriel de base Python 3.x。


Un programme Dash simple

Voici un exemple Dash de base :

Exemple

# Importer les bibliothèques liées à Dash
from dash import Dash, dcc, html, Input, Output

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

# Définir la mise en page de l'application
app.layout = html.Div([
    # Créer une zone de saisie de texte
    dcc.Input(
        id='input',  # ID d'entrée, utilisé pour la fonction de rappel
        value='initial value',  # Valeur par défaut du champ de saisie
        type='text'  # Le type d'entrée est texte
    ),
    # Créer une div pour afficher la sortie
    html.Div(id='output')
])

# Définir la fonction de rappel
@app.callback(
    Output('output', 'children'),  # Sortie vers la propriété children de la div avec l'id 'output'
    Input('input', 'value')  # L'entrée provient de la propriété value du champ de saisie avec l'id 'input'
)
def update_output_div(input_value):
    # Renvoie une chaîne formatée affichant la saisie de l'utilisateur
    return f'Vous avez saisi : {input_value}'

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

Cette application simple contient une zone de saisie et une zone d'affichage. Lorsque l'utilisateur saisit du contenu dans la zone de saisie, la zone d'affichage se met à jour en temps réel pour afficher ce que l'utilisateur a saisi.


Liens connexes

Site officiel :https://plotly.com/dash/

Adresse open source GitHub :https://github.com/plotly/dash

Documentation officielle de Dash :https://dash.plotly.com/

autres extensions