Plotly Dash ou Dash é uma estrutura da web gratuita e de código aberto para a construção de aplicativos de aprendizado de máquina e ciência de dados. Construído em cima de Plotly.JS, React e Flask, Dash oferece recursos incríveis, incluindo elementos modernos da interface do usuário com código mínimo. Dash também é muito fácil de aprender, tornando -o muito conveniente para iniciantes e profissionais.

Dash também oferece personalização incomparável para as parcelas e figuras em uma entrada simples de configuração. Neste tutorial, aprenderemos a usar os recursos de configuração do DASH para ocultar a barra de moda.

Vamos começar.

Instalando plotly Dash

Antes de começar os recursos de configuração do DASH, é bom garantir que o traço esteja instalado e disponível no seu sistema.

Podemos fazer executando o PIP como mostrado:

$ pip install pash

Se você estiver usando o Jupyter Notebook ou um ambiente Jupyter semelhante, poderá instalar o Dash executando o comando:

$ pip install jupyter-dash

Lembre -se de que você exigirá que os pandas usem plotly expresso.

Criando um aplicativo de traço simples

O próximo passo é criar um aplicativo da web simples usando o DASH. Para este tutorial, usaremos um gráfico de pizza que é simples e informativo.

Considere o código -fonte como mostrado:

De Dash Import Dash, HTML, DCC
importar plotly.expresso como px
importar pandas como PD
app = Dash (__ name__)
bancos de dados = ['mysql', 'pósgresql', 'sqlite', 'redis', 'elasticsearch']
Uso = [8000, 5000, 3000, 2500, 1800]
Fig = px.torta (rótulos = bancos de dados, valores = uso, nomes = bancos de dados)
aplicativo.layout = html.Div (filhos = [
html.H1 (crianças = 'gráfico de pizza simples'),
html.Div (crianças = "'Um gráfico de pizza dos bancos de dados mais populares'"),
DCC.Gráfico(
id = 'torta',
figura = fig
)
]))
se __name__ == '__main__':
aplicativo.run_server (debug = true)

No código acima, começamos importando o módulo necessário. Importamos Dash, HTML e DCC do Dash,. Esses módulos nos permitirão criar um aplicativo da web simples e plotar a figura no cliente.

Em seguida, criamos uma instância do aplicativo usando a classe DASH.

Na próxima etapa, criamos os dados que desejamos usar. Como estamos criando um gráfico simples de pizza, definimos os rótulos e valores como uma lista.

O próximo passo é compor o layout. Aqui, usamos vários componentes, como HTML.Div., html.H1 e DCC.Gráfico.

O módulo de componente DASH nos fornece componentes úteis para tags HTML populares. Por exemplo, o html.H1 é um simples

marcação.

Lembre -se de que nem todos os componentes são elementos html. Por exemplo, os componentes do núcleo de traço são componentes de alto nível gerados através do React.Biblioteca JS

A propriedade das crianças nos permite passar os dados que desejamos exibir. Este é o primeiro atributo, o que significa que você pode pular.

Depois de concluído, podemos executar o aplicativo com o comando:

$ python3 app.py

Podemos então visitar o URL alvo para ver o enredo como:

Dash oculha a barra de modo

Você notará que a barra de modo aparece no mouse. Embora isso possa ser útil, também pode resultar em baixa visibilidade, especialmente em dispositivos pequenos.

Para ocultar a barra de moda em plotly Dash, podemos usar o parâmetro de configuração e definir o DisplayModeBar como false como mostrado:

DCC.Gráfico(
id = 'torta',
figura = fig,
config =
'DisplayModeBar': false

Usando o parâmetro de configuração no DCC.Componente do gráfico, podemos especificar a propriedade 'DisplayModeBar' para false. Isso deve remover a barra de modo da figura.

Fechamento

Neste tutorial, você aprendeu o básico da personalização dos componentes da plotly Dash. Também abordamos como desativar a barra de modo de figuras em Dash.