Pitão

Python Dash Tutorial

Python Dash Tutorial
Olá a todos sejam bem vindos. Dash é o tópico que vamos discutir hoje. Dash é desenvolvido por Plotly. Alguns de vocês podem ter uma ideia de que Dash é talvez sobre gráficos por causa de Plotly. E sim, você está absolutamente certo. Dash trata da representação de gráficos em uma IU da web (interface do usuário). A IU da Web não significa que o Dash requer uma conexão ativa com a Internet para ser executado, mas apenas um servidor e será executado em “localhost” ou “127.0.0.1 ”. O Dash funciona na porta 8050 por padrão, então quando você executa o aplicativo Dash no seu navegador, você deve ir no endereço como “127.0.0.1: 8050 ”.

Em primeiro lugar, temos que instalar o Dash em nosso sistema. Pressione Ctrl + Alt + T no seu Ubuntu para abrir o terminal. Para executar aplicativos Dash em nosso sistema, instalaríamos de 4 a 5 pacotes usando o seguinte comando:

$ sudo pip install dash dash-renderer dash-html-components dash-core-components plotly

OU

$ sudo -H pip install traço traço-renderizador traço-html-componentes traço-núcleo-componentes plotly

Quando você adiciona -H, não é emitido um aviso porque você obtém a variável Home usando -H no comando. Mesmo se você não o usar, não haverá problema, pois exibirá um aviso, mas o Dash será instalado de qualquer maneira.

Agora, você criaria um script python. Nosso primeiro exemplo de código exibiria apenas uma saída simples em nosso navegador da Web no endereço do servidor e na porta mencionados acima.  No exemplo, as primeiras 3 linhas seriam as importações de dash, dash-core-components e dash-html-components respectivamente. Dash-core-components como dcc significa que sempre que quisermos usar dash-core-components, podemos usar 'dcc' e, da mesma forma, onde quisermos usar dash-html-components, podemos usar 'html'. Dash () é a classe integrada que contém o código padrão para aplicativos Dash. 'aplicativo.layout 'representa tudo na IU da web, o que significa que qualquer coisa que você deseja exibir no navegador no aplicativo Dash, deve ser escrito na zona operacional do' app.layout '. Seguindo nosso primeiro exemplo de código simples, que apenas exibe uma saída simples:

Exemplo de código # 1:

traço de importação
importar dash_core_components como dcc
import dash_html_components as html
 
app = traço.Traço()
 
aplicativo.layout = html.Div ('LinuxHint YouTube Hi')
 
if __name__ == '__main__':
aplicativo.run_server (debug = True)

Resultado:

O segundo exemplo é sobre como criar um gráfico. Usaríamos 'dcc' que significa essencialmente componentes do núcleo do traço e criaríamos um gráfico usando-o. Em nosso exemplo, desenhamos um gráfico de exemplo de Energia e Tempo com valores aleatórios de 'x' e 'y', dando um tipo de 'linha' para Energia e um tipo de 'barra' para Tempo. Faríamos tudo isso dentro de um método dcc.Graph () em que nomearíamos nossos dois eixos do gráfico e definiríamos o título do gráfico também.

Exemplo de código # 2:

traço de importação
importar dash_core_components como dcc
import dash_html_components as html
 
app = traço.Traço()
 
aplicativo.layout = html.Div (crianças = [
html.Div (filhos = 'LinuxHint Youtube Hi'),
dcc.Gráfico(
id = "graphss",
figura =
'dados': [
'x': [1,2,3,4,5,6,7], 'y': [11,12,22,23,24,44,55], 'tipo': 'linha', ' nome ':' Energia ',
'x': [1,2,3,4,5,6,7], 'y': [13,15,26,27,34,44,65], 'tipo': 'bar', ' nome ':' Hora ',
],
'layout':
'title': 'Gráfico para tempo e energia'


)
])
 
if __name__ == '__main__':
aplicativo.run_server (debug = True)

Resultado:

Dica profissional: ao escrever um script python, use um IDE python ou um editor de texto inteligente que recua o código automaticamente para você. Evite usar o bloco de notas simples ou editor de texto para scripts Python, pois o recuo do código é um fator importante em Python durante sua execução.

Vou explicar isso com mais detalhes em forma de vídeo também.

AppyMouse na tela Trackpad e ponteiro do mouse para tablets Windows
Os usuários de tablets costumam perder o ponteiro do mouse, especialmente quando costumam usar laptops. Os smartphones e tablets touchscreen vêm com m...
O botão do meio do mouse não funciona no Windows 10
O botão do meio do mouse ajuda você a percorrer longas páginas da web e telas com muitos dados. Se isso parar, você vai acabar usando o teclado para r...
Como alterar os botões esquerdo e direito do mouse no PC com Windows 10
É normal que todos os dispositivos de mouse de computador sejam ergonomicamente projetados para usuários destros. Mas existem dispositivos de mouse di...