Skip to content
PYGWALKER
チュートリアル
Plotly DashでPyGWalkerを使用する方法

Plotly DashでPyGWalkerを使用する方法

概要

Plotly Dashアプリケーション内でPyGWalkerの可視化を組み込み、Dashのホスティング機能を利用します。この更新されたガイドでは、事前に存在する可視化設定を読み込む手順も含まれています。

前提条件

  • PyGWalkerPlotly Dashについての理解。
  • Python環境のセットアップ。

ツールの紹介

PyGWalker

  • インタラクティブなデータ可視化ライブラリ。
  • 直感的なドラッグアンドドロップによるデータの探索を可能にします。
  • 事前定義された可視化設定の読み込み機能をサポートします。
  • 公式リポジトリ (opens in a new tab)

Plotly Dash

  • ウェブベースのデータ可視化をホストするためのユーザーフレンドリーなフレームワーク。
  • データサイエンティストが深いウェブ開発知識なしで対話型ウェブアプリケーションを展開することを可能にします。
  • 公式サイト (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の可視化:

    • viz-code.jsonに事前に存在する設定を指定して、walk関数を使用して可視化を取得します:
      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ウェブアプリにホストされるPyGWalkerの可視化を表示します:
      if __name__ == '__main__':
          app.run_server(debug=True)

ノート

  • 事前に存在する可視化設定を利用することで、異なるデータセットやプラットフォーム間で一貫性のある可視化セットアップを行うことができます。
  • dash-dangerously-set-inner-htmlを使用して追加されるHTMLコンテンツのセキュリティと整合性を常に確保してください。

PyGWalkerの事前定義された可視化設定をDashアプリケーションに統合することで、シームレスなデータ探索体験を実現します。

参考文献

PyGWalker + Dashのコード例 (opens in a new tab)