Tutorial de Dash
Dash es un framework de código abierto basado en Python para construir rápidamente aplicaciones web basadas en datos.
La principal ventaja de Dash radica en su facilidad de uso y flexibilidad, lo que permite que incluso los desarrolladores sin experiencia en desarrollo frontend puedan comenzar fácilmente.
Dash permite a los usuarios crear aplicaciones interactivas de visualización de datos mediante simple código Python, sin necesidad de dominar tecnologías frontend complejas (como JavaScript, HTML, CSS).
¿Quién debería leer este tutorial?
Dash es una herramienta potente, adecuada para desarrolladores que desean construir rápidamente aplicaciones web basadas en datos.
Dash es especialmente adecuado para científicos de datos, analistas e ingenieros; pueden crear una potente aplicación web con unas pocas líneas de código para mostrar resultados de análisis de datos, predicciones de modelos de machine learning u otras funciones basadas en datos.
El objetivo principal de Dash es permitir que los usuarios se concentren en los datos y la lógica, no en el desarrollo frontend.
Con Dash, puedes crear una potente aplicación web con unas pocas líneas de código, mostrando resultados de análisis de datos, predicciones de modelos de machine learning u otras funciones basadas en datos.
Dash puede transformar tareas complejas de análisis y visualización de datos en aplicaciones web interactivas, facilitando así exhibir y compartir los resultados de manera más eficaz.
Lo que necesitas saber antes de aprender este tutorial
Este tutorial está pensado para desarrolladores con conocimientos básicos de Python; si no conoces Python, puedes consultarTutorial básico de Python 3.x。
Un programa sencillo de Dash
A continuación se muestra un ejemplo básico de Dash:
Ejemplo
from dash import Dash, dcc, html, Input, Output
# Crear una instancia de la aplicación Dash
app = Dash(__name__)
# Definir el diseño de la aplicación
app.layout = html.Div([
# Crear un cuadro de entrada de texto
dcc.Input(
id='input', # El ID del cuadro de entrada, utilizado para la función callback
value='Valor inicial', # El valor predeterminado del cuadro de entrada
type='text' # El tipo de cuadro de entrada es texto
),
# Crear un Div para mostrar la salida
html.Div(id='output')
])
# Definir la función callback
@app.callback(
Output('output', 'children'), # Salida a la propiedad children del Div con id 'output'
Input('input', 'value') # Entrada desde la propiedad value del cuadro de entrada con id 'input'
)
def update_output_div(input_value):
# Devuelve la cadena formateada, mostrando el contenido ingresado por el usuario
return f'Has ingresado: {input_value}'
# Ejecutar la aplicación
if __name__ == '__main__':
app.run_server(debug=True) # Iniciar la aplicación, debug=True indica que se activa el modo de depuración
Esta sencilla aplicación contiene un cuadro de entrada y un área de visualización. Cuando el usuario escribe en el cuadro de entrada, el área de visualización se actualiza en tiempo real mostrando el contenido introducido.
Enlaces relacionados
Dirección oficial:https://plotly.com/dash/
Dirección de código abierto en Github:https://github.com/plotly/dash
Documentación oficial de Dash:https://dash.plotly.com/
Otras extensiones