Skip to content
PYGWALKER
实例教程
使用 PyGWalker 与 Plotly Dash

使用 PyGWalker 与 Plotly Dash

概览

PyGWalker 可视化嵌入到 Plotly Dash 应用程序中,以利用 Dash 的托管能力。此更新的指南还包括加载预先存在的可视化配置的步骤。

先决条件

  • 了解 PyGWalkerPlotly Dash
  • 设置好Python环境。

工具介绍

PyGWalker

Plotly Dash

  • 一个用户友好的框架,用于托管基于Web的数据可视化。
  • 允许数据科学家在没有深入的Web开发知识的情况下部署交互式Web应用程序。
  • 官方网站 (opens in a new tab)

集成步骤

  1. 环境设置

    • 安装所需的库:
      pip install dash pygwalker dash-dangerously-set-inner-html datasets
  2. 数据准备

    • gradio 加载 NYC-Airbnb-Open-Data 数据集。
    • 转换为 Pandas DataFrame:
      dataset = load_dataset("gradio/NYC-Airbnb-Open-Data", split="train")
      df = dataset.to_pandas()
  3. 使用预定义配置的 PyGWalker 可视化

    • 使用 walk 函数获取可视化结果,提供预存在的配置文件 viz-code.json 的路径:
      walker = pyg.walk(df, spec="./viz-code.json", debug=False)
      html_code = walker.to_html()
  4. Dash 集成

    • 使用 dash-dangerously-set-inner-html 将 PyGWalker 的 HTML 嵌入到 Dash 应用程序中。确保 HTML 内容安全:
      app.layout = html.Div([
          dash_dangerously_set_inner_html.DangerouslySetInnerHTML(html_code),
      ])
  5. 启动 Dash 应用

    • 执行应用程序以查看在 Dash Web 应用程序中托管的 PyGWalker 可视化:
      if __name__ == '__main__':
          app.run_server(debug=True)

注意事项

  • 利用预存在的可视化配置可以在不同数据集或平台上实现一致的可视化设置。
  • 使用 dash-dangerously-set-inner-html 添加任何 HTML 内容时始终确保其安全和完整性。

通过在 Dash 应用程序中集成 PyGWalker 的预定义可视化配置,获得无缝的数据探索体验。

参考资料

PyGWalker + Dash 代码示例 (opens in a new tab)