Tutorial de Dash
Dash es un framework de código abierto basado en Python, diseñado para crear 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 el desarrollo frontend puedan empezar a usarlo fácilmente.
Dash permite a los usuarios crear aplicaciones interactivas de visualización de datos mediante código Python sencillo, 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 los desarrolladores que desean crear rápidamente aplicaciones web basadas en datos.
Dash es especialmente adecuado para científicos de datos, analistas e ingenieros, que pueden crear una aplicación web potente con unas pocas líneas de código para mostrar resultados de análisis de datos, predicciones de modelos de aprendizaje automático u otras funciones basadas en datos.
El objetivo principal de Dash es permitir que los usuarios se centren en los datos y la lógica, en lugar del desarrollo frontend.
Con Dash, puedes crear una aplicación web potente con unas pocas líneas de código para mostrar resultados de análisis de datos, predicciones de modelos de aprendizaje automático u otras funciones basadas en datos.
Dash puede convertir tareas complejas de análisis y visualización de datos en aplicaciones web interactivas, lo que permite mostrar y compartir los resultados del trabajo de manera más eficaz.
Lo que necesitas saber antes de estudiar este tutorial
Este tutorial está dirigido a 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 campo de entrada de texto
dcc.Input(
id='input', # El ID del campo de entrada, se utiliza para la función de callback
value='Valor inicial', # Valor predeterminado del campo de entrada
type='text' # El tipo del campo de entrada es texto
),
# Crear un Div para mostrar la salida
html.Div(id='output')
])
# Definir la función de 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 campo de entrada con id 'input'
)
def update_output_div(input_value):
# Devuelve la cadena formateada, que muestra el contenido introducido 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 el modo de depuración está activado
Esta sencilla aplicación incluye un campo de entrada y un área de visualización. Cuando el usuario ingresa contenido en el campo de entrada, el área de visualización se actualiza en tiempo real para mostrar el contenido ingresado.
Enlaces relacionados
Sitio web oficial:https://plotly.com/dash/
Repositorio de código abierto en Github:https://github.com/plotly/dash
Documentación oficial de Dash:https://dash.plotly.com/
Otras extensiones