Do Plotly ao Dash

Construindo Dashboards com Dash e Plotly

Alex Scriven

Data Scientist

Seu primeiro app Dash

Um app Dash completo:

from dash import Dash, dcc
app = Dash()
app.layout = [dcc.Graph(id='example-graph', figure=bar_fig)]
if __name__ == '__main__':
    app.run(debug=True)

Dá para usar funcionalidades do Python
- Ex.: interpolação de string print("f{my_variable}")

Imports principais do Dash

from dash import Dash, dcc

Dash inicializa o app
dcc tem componentes de UI como gráficos e inputs
- Um componente no nosso app
- Mais componentes ao longo do curso

O layout do app

app = Dash()

app.layout = [dcc.Graph(
  id='example-graph',
  figure=bar_fig)]

Crie um objeto do app com Dash()
Defina o app.layout
- Usando dcc.Graph()
  - figure = a figura Plotly a renderizar
  - id = importante para callbacks depois

Executando o app

if __name__ == '__main__':
    app.run(debug=True)

Rode o script no terminal
- Ex.: python my_app.py no terminal
debug dá feedback ao testar

Nosso app

Acesse em um navegador, como o Google Chrome
Enquanto estiver servindo, atualize e salve o arquivo .py para ver mudanças ao vivo no navegador

Uma captura do que aparece no terminal ao rodar um app Dash. Há texto branco em fundo preto mostrando os detalhes citados no script.

Nosso app no navegador

Um gif de um gráfico de barras horizontais: vendas totais no eixo x por país no eixo y. É o mesmo gráfico da aula anterior, mas em um navegador Chrome, com o endereço do servidor visível na barra de URL. O mouse passa sobre o gráfico e clica na barra de URL para mostrar que o servidor está ativo.

Dash na DataCamp

Algumas diferenças em relação a outros exercícios da DataCamp:
- Linhas de configuração no topo dos exercícios.
- Tudo executa de uma vez (não linha a linha)
- Código (bem) mais longo
Dashboards totalmente funcionais (expanda a janela para ver!)

Uma captura do topo de um exercício de código em Dash que foi executado, destacando o botão para expandir a saída HTML e ver o app em tela cheia.

Vamos praticar!

Construindo Dashboards com Dash e Plotly