[論文レビュー] Network visualizations with Pyvis and VisJS

Giancarlo Perrone, José Unpingco+1 more|arXiv (Cornell University)|Jun 2, 2020

Computational Physics and Python Applications被引用数 11

ひとこと要約

Pyvis は、VisJS JavaScript ライブラリを活用することで、インタラクティブでウェブベースのネットワーク可視化を可能にする Python ライブラリです。データサイエンティストは Jupyter ノートブックやスタンドアロンの HTML アプリケーション内で、動的でカスタマイズ可能なグラフ可視化を直接作成できます。低レベルの JavaScript コードの記述を抽象化し、ユーザーが Python でノード、エッジ、レイアウトパラメータを定義できるようにし、ドラッグアンドドロップ、ズーム、ツールチップ、物理ベースのレイアウトといった機能を備えた豊富なインタラクティブな可視化をレンダリングします。

ABSTRACT

Pyvis is a Python module that enables visualizing and interactively manipulating network graphs in the Jupyter notebook, or as a standalone web application. Pyvis is built on top of the powerful and mature VisJS JavaScript library, which allows for fast and responsive interactions while also abstracting away the low-level JavaScript and HTML. This means that elements of the rendered graph visualization, such as node/edge attributes can be specified within Python and shipped to the JavaScript layer for VisJS to render. This declarative approach makes it easy to quickly explore graph visualizations and investigate data relationships. In addition, Pyvis is highly customizable so that colors, sizes, and hover tooltips can be assigned to the rendered graph. The network graph layout is controlled by a front-end physics engine that is configurable from a Python interface, allowing for the detailed placement of the graph elements. In this paper, we outline use cases for Pyvis with specific examples to highlight key features for any analysis workflow. A brief overview of Pyvis' implementation describes how the Python front-end binding uses simple Pyvis calls.

研究の動機と目的

• Jupyter ノートブックにおける Python を使用したインタラクティブなネットワーク可視化を、データサイエンティストに簡素化すること。
• Python を用いたデータ分析と、高パフォーマンスでインタラクティブな JavaScript 可視化の間のギャップを埋めること。
• ノード／エッジの属性に対する豊富なカスタマイズが可能な宣言的で高水準のインターフェースを提供すること。
• 実世界のユースケースに適した、NetworkX や Pandas といった人気データサイエンスツールとのシームレスな統合を可能にすること。
• 『ゲーム・オブ・トーンズ』データセットにおける関係の可視化といったエンドツーエンドの例を通じて、実用的価値を示すこと。

提案手法

• Pyvis は、Python で定義されたノード、エッジ、レイアウトパラメータを VisJS JavaScript ライブラリによるレンダリングに適した JSON 形式のデータ構造に変換する Python フロントエンドバインディングを採用している。
• Jinja テンプレーティングを活用して、Python オブジェクトから HTML/JS コードを生成し、VisJS の宣言的ネットワーク定義形式との互換性を確保している。
• ノードやエッジの属性（サイズ、色、ラベル、タイトル（ホバーツールチップ）、位置（x, y）、値（スケーリング用））は Python で指定され、VisJS に渡されてレンダリングされる。
• 物理ベースのレイアウトは VisJS の Barnes-Hut アルゴリズムを用い、Pyvis の Python インターフェースを通じて設定可能であり、動的でインタラクティブなノード配置を実現している。
• 複雑なネットワークモデリングに適した、重みとメタデータパラメータをオプションで受け取る add_nodes()、add_edges()、add_edge() などのバッチ操作をサポートしている。
• 出力はインタラクティブな HTML ファイルとしてレンダリングされ、IFrame を介して Jupyter セルに埋め込まれるため、ネットワーク構造のリアルタイムな探索が可能になる。

実験結果

リサーチクエスチョン

• RQ1 JavaScript の深い知識が不要な状態で、Python を使用したデータサイエンティストがインタラクティブなネットワーク可視化をどのように容易にできるか？
• RQ2 Python から VisJS への抽象化レイヤーのパフォーマンスと使いやすさは、大規模で複雑なネットワークの可視化においてどの程度であるか？
• RQ3 Pyvis は、Jupyter 環境においてツールチップ、動的サイズ調整、物理ベースのレイアウトといったカスタマイズ可能なインタラクティブ機能をどの程度サポートできるか？
• RQ4 Pyvis は、Pandas や NetworkX といった既存のデータサイエンススタックと、実世界のデータ分析ワークフローにおいてどの程度効果的に統合できるか？
• RQ5 Pyvis は、『ゲーム・オブ・トーンズ』データセットにおけるキャラクター間の関係といった、複雑な関係データの意味のある探索を、インタラクティブな可視化によって可能にできるか？

主な発見

• Pyvis は、JavaScript や HTML の手動記述が不要な状態で、Python コードのみで Jupyter ノートブック内にインタラクティブで物理ベースのネットワーク可視化を実現している。
• ノードやエッジの豊富なカスタマイズが可能で、値に基づいたサイズスケーリング、色分け、および隣接ノードリストなどのカスタムメタデータを含むホバーツールチップが実装されている。
• エッジの重みはレンダリング出力において明確に視認可能であり、重みの値に比例して太さが変化するため、接続強度の解釈が容易になる。
• 『ゲーム・オブ・トーンズ』データセットの例では、数百のノードと重み付きエッジを持つ複雑で密集したネットワークを、ズームやホバーリングによるインタラクティブな探索が可能な形で正しくレンダリングできた。
• NetworkX や Pandas との統合により、効率的なデータ変換とネットワーク構築が可能であり、一般的なデータサイエンスパイプラインとの互換性が確認された。
• 生成された HTML 出力は完全にインタラクティブであり、ノードのドラッグ、ズーム、クリックが可能で、探索的分析やプレゼンテーション用途に適している。