Hola a todos, bienvenidos. Dash es el tema que vamos a discutir hoy. Dash es desarrollado por Plotly. Algunos de ustedes podrían tener una idea de que Dash se trata de gráficos debido a Plotly. Y sí, tienes toda la razón. Dash trata sobre la representación de gráficos en una interfaz de usuario web (interfaz de usuario). La interfaz de usuario web no significa que Dash requiere una conexión a Internet activa para ejecutarse, sino que solo necesita un servidor y se ejecutará en "localhost" o "127.0.0.1 ". Dash se ejecuta en el puerto 8050 de forma predeterminada, por lo que cuando ejecuta su aplicación de tablero en su navegador, iría a la dirección como "127.0.0.1: 8050 ".

En primer lugar, tenemos que instalar Dash en nuestro sistema. Presione Ctrl+Alt+T en su Ubuntu, se abriría terminal. Para ejecutar aplicaciones DASH en nuestro sistema, instalaríamos de 4 a 5 paquetes utilizando el siguiente comando:

$ sudo Pip Install Dash-Renderer Dash-HTML-Componentes Dash-Core-Components Plotly

O

$ sudo -h Pip Install Dash-Renderer Dash-HTML-Componentes Dash-Core-Components

Cuando agregue -h, no emitiría una advertencia porque llegaría a la variable de inicio usando -h en el comando. Incluso si no lo usa, estaría bien, ya que mostraría una advertencia, pero Dash se instalaría de todos modos.

Ahora, continuarías creando un script de Python. Nuestro primer ejemplo de código solo mostraría una salida simple en nuestro navegador web en la dirección del servidor y el puerto mencionado anteriormente. En el ejemplo, las primeras 3 líneas serían las importaciones de Dash, Dash-Core-Components y Dash-HTML-Components respectivamente. Dash-core-componentes como DCC significa que donde quiera usar componentes de núcleo de dash podemos usar 'DCC' en su lugar y de manera similar donde queremos usar componentes Dash-HTML, podemos usar 'HTML'. Dash () es la clase incorporada que contiene el código predeterminado para aplicaciones DASH. 'Aplicación.Layout 'representa todo en la interfaz de usuario web, lo que significa todo lo que desea mostrar en la aplicación del navegador en Dash, debe escribirse en la zona operativa de la aplicación'.disposición'. Siguiendo nuestro primer ejemplo de código simple que solo muestra una salida simple:

Ejemplo de código#1:

tablero de importación
Importar Dash_core_Components como DCC
Importar Dash_html_Components como HTML
aplicación = Dash.Estrellarse()
aplicación.diseño = html.Div ('Linuxhint YouTube Hola')
Si __name__ == '__main__':
aplicación.run_server (debug = true)

Producción:

El segundo ejemplo se trata de crear un gráfico. Usaríamos 'DCC', lo que esencialmente significa componentes de núcleo de tablero y crearíamos un gráfico usándolo. En nuestro ejemplo, hemos dibujado un gráfico de ejemplo de energía y tiempo con valores aleatorios de 'x' e 'y' dando un tipo de 'línea' a la energía y un tipo de 'bar' al tiempo. Haríamos todo eso dentro de un método DCC.Graph () en el que nombraríamos nuestro eje del gráfico y también estableceríamos el título de gráfico.

Ejemplo de código#2:

tablero de importación
Importar Dash_core_Components como DCC
Importar Dash_html_Components como HTML
aplicación = Dash.Estrellarse()
aplicación.diseño = html.Div (niños = [
html.Div (niños = 'Linuxhint YouTube Hola'),
DCC.Grafico(
id = "Graphss",
figura =
'datos': [
'x': [1,2,3,4,5,6,7], 'y': [11,12,22,23,24,44,55], 'tipo': 'línea', ',' Nombre ':' Energía ',
'x': [1,2,3,4,5,6,7], 'y': [13,15,26,27,34,44,65], 'tipo': 'bar', ' nombre ':' tiempo ',
],
'disposición':
'Título': 'Gráfico para el tiempo y la energía'


)
])
Si __name__ == '__main__':
aplicación.run_server (debug = true)

Producción:

Consejo profesional: mientras escribe el script de Python, use un IDE de Python o un editor de texto inteligente que envíe el código automáticamente para usted. Evite usar el bloc de notas o el editor de texto simple para los scripts de Python, ya que la sangría del código es un factor importante en Python mientras lo ejecuta.

Explicaré esto en más detalles en forma de video también.