Skip to content
PYGWALKER
Tutoriais
Utilize PyGWalker com Plotly Dash

Utilize PyGWalker com Plotly Dash

Visão geral

Incorpore visualizações do PyGWalker em um aplicativo Plotly Dash para aproveitar as capacidades de hospedagem do Dash. Este guia atualizado também inclui etapas para carregar uma configuração de visualização pré-existente.

Pré-requisitos

  • Familiaridade com PyGWalker e Plotly Dash.
  • Configuração de ambiente Python.

Introdução às Ferramentas

PyGWalker

  • Uma biblioteca interativa de visualização de dados.
  • Permite a exploração de dados intuitiva através de arrastar e soltar.
  • Suporta uma função para carregar configurações de visualização pré-definidas.
  • Repositório Oficial (opens in a new tab)

Plotly Dash

  • Um framework fácil de usar para hospedar visualizações de dados baseadas na web.
  • Permite que cientistas de dados implantem aplicativos web interativos sem um conhecimento aprofundado em desenvolvimento web.
  • Website Oficial (opens in a new tab)

Etapas de Integração

  1. Configuração do Ambiente:

    • Instale as bibliotecas necessárias:
      pip install dash pygwalker dash-dangerously-set-inner-html datasets
  2. Preparação dos Dados:

    • Carregue o conjunto de dados NYC-Airbnb-Open-Data do gradio.
    • Converta para um DataFrame do Pandas:
      dataset = load_dataset("gradio/NYC-Airbnb-Open-Data", split="train")
      df = dataset.to_pandas()
  3. Visualização do PyGWalker com Configuração Pré-definida:

    • Utilize a função walk para obter a visualização, fornecendo o caminho para a configuração pré-existente viz-code.json:
      walker = pyg.walk(df, spec="./viz-code.json", debug=False)
      html_code = walker.to_html()
  4. Integração com Dash:

    • Incorpore o HTML do PyGWalker dentro do aplicativo Dash usando dash-dangerously-set-inner-html. Certifique-se de que o conteúdo HTML seja seguro:
      app.layout = html.Div([
          dash_dangerously_set_inner_html.DangerouslySetInnerHTML(html_code),
      ])
  5. Inicie o Aplicativo Dash:

    • Execute o aplicativo para visualizar a visualização PyGWalker hospedada em um aplicativo web do Dash:
      if __name__ == '__main__':
          app.run_server(debug=True)

Observações

  • Aproveitar uma configuração pré-existente de visualização facilita a configuração consistente de visualizações em diferentes conjuntos de dados ou plataformas.
  • Sempre garanta a segurança e integridade de qualquer conteúdo HTML adicionado usando dash-dangerously-set-inner-html.

Experimente a exploração de dados perfeita integrando configurações de visualização pré-definidas do PyGWalker em um aplicativo Dash.

Referências

Exemplo de Código PyGWalker + Dash (opens in a new tab)