Plotly Dash o Dash es un marco web gratuito y de código abierto para construir el aprendizaje automático y las aplicaciones web de ciencias de datos. Construido sobre Plotly.JS, React y Flask, Dash ofrece características increíbles que incluyen elementos modernos de interfaz de usuario con código mínimo. Dash también es muy fácil de aprender, haciéndolo muy conveniente tanto para principiantes como para profesionales.

Dash también ofrece una personalización incomparable para los gráficos y figuras en una entrada de configuración simple. En este tutorial, aprenderemos cómo usar las funciones de configuración del tablero para ocultar el MODEBAR.

Empecemos.

Instalación del tablero complemento

Antes de comenzar en las funciones de configuración del tablero, es bueno asegurarse de que DASH esté instalado y disponible en su sistema.

Podemos hacerlo ejecutando PIP como se muestra:

$ PIP Install Dash

Si está utilizando el cuaderno Jupyter o un entorno Jupyter similar, puede instalar Dash ejecutando el comando:

$ pip install jupyter-dash

Tenga en cuenta que requerirá que los pandas usen Plotly Express.

Creando una aplicación de tablero simple

El siguiente paso es crear una aplicación web simple usando DASH. Para este tutorial, usaremos un gráfico circular que sea simple e informativo.

Considere el código fuente como se muestra:

Desde Dash Import Dash, HTML, DCC
Importar trama.expresar como PX
importar pandas como PD
App = Dash (__ Nombre__)
bases de datos = ['mysql', 'postgreSQL', 'sqlite', 'redis', 'elasticsearch']
Uso = [8000, 5000, 3000, 2500, 1800]
Fig = PX.Pie (etiquetas = bases de datos, valores = uso, nombres = bases de datos)
aplicación.diseño = html.Div (niños = [
html.H1 (niños = 'gráfico de pastel simple'),
html.Div (niños = "'un gráfico circular de las bases de datos más populares'"),
DCC.Grafico(
id = 'pastel',
Figura = Fig
)
])
Si __name__ == '__main__':
aplicación.run_server (debug = true)

En el código anterior, comenzamos importando el módulo requerido. Importamos Dash, HTML y DCC desde Dash,. Estos módulos nos permitirán crear una aplicación web simple y trazar la figura en el cliente.

A continuación, creamos una instancia de la aplicación usando la clase Dash.

En el siguiente paso, creamos los datos que deseamos usar. Dado que estamos creando un gráfico circular simple, establecemos las etiquetas y los valores como una lista.

El siguiente paso es componer el diseño. Aquí, usamos varios componentes como HTML.Div., html.H1 y DCC.Grafico.

El módulo de componentes del tablero nos proporciona componentes útiles para etiquetas HTML populares. Por ejemplo, el HTML.H1 es un simple

etiqueta.

Tenga en cuenta que no todos los componentes son elementos HTML. Por ejemplo, los componentes del núcleo de Dash son componentes de alto nivel generados a través del react.Biblioteca JS

La propiedad infantil nos permite pasar los datos que deseamos mostrar. Este es el primer atributo que significa que puede omitirlo.

Una vez completado, podemos ejecutar la aplicación con el comando:

aplicación $ python3.py

Luego podemos visitar la URL objetivo para ver la trama como:

Barra de ocultación de mando de Dash

Notarás que la barra de modos aparece en el flotador. Aunque esto puede ser útil, también puede dar como resultado una visibilidad, especialmente en dispositivos pequeños.

Para ocultar el ModeBar en Plotly Dash, podemos usar el parámetro de configuración y establecer el DisplayModeBar en False como se muestra:

DCC.Grafico(
id = 'pastel',
Figura = Fig,
config =
'DisplayModeBar': False

Uso del parámetro de configuración en el DCC.Componente del gráfico, podemos especificar la propiedad 'DisplayModeBar' a False. Esto debería eliminar la barra de modos de la figura.

Clausura

En este tutorial, aprendió los conceptos básicos de personalizar los componentes de la campaña complementaria. También cubrimos cómo deshabilitar la barra de modos de las figuras en el tablero.