「Flapjax プロットリーとフラスクを使ったウェブ上のデータ可視化」

「Flapjaxプロットリーとフラスクを利用したウェブ上のデータ可視化術」

PlotlyとFlaskを使用してデータ可視化のウェブページを作り、いくつかのUIコンポーネントでインタラクティブにする

写真:Mae MuによるUnsplash

データ可視化アプリを構築するための最良のフレームワークは何でしょうか?もしかするとStreamlitやDashかもしれません。あるいはMercuryVoiláを使ってJupyter NotebookをWebアプリに変換することもできるかもしれません。

これらすべての方法は優れたアプリを作成するための素晴らしい方法であり、始めるのも比較的簡単です。しかし、始めるのが簡単なものでも、少し冒険的になると少し複雑になることがあります。そのため、私はPythonのサーバーコードとHTMLページを使用して基本に戻り、使うのはそれほど困難ではないということをあなたに説得しようと思います。

私たちは、ボイラープレートコードとテンプレートを使用して魅力的なインタラクティブなアプリケーションを構築することができます。つまり、Pythonのコードに集中することができ、HTMLやJavascriptとの接触は最小限に抑えられます。私はこのアプローチをフラップジャックスと呼んでいます。後でその理由を説明します。

Pythonでウェブアプリケーションを作成する最も簡単な方法の1つはFlaskを使用することです。したがって、私たちはそれを使用して以下の画像のようなアプリを作成します。

Flaskフレームワーク

Flaskは、Webアプリケーションの開発のためのミニマリストなフレームワークです。Flaskアプリでは、ウェブページは通常、テンプレートとPythonコードから提供されるデータで構築されます。このデータは、ウェブページのコンテンツとなるテキストやグラフィックスであります。結果はブラウザで表示するためにユーザーに送信されます。

以下の図は、インタラクティブアプリの基本的な構造を示しています。アプリが実行されている場合、Pythonパートがサーバー上で実行され、ブラウザで実行されているHTMLにデータが渡されます。ウェブページからのユーザーの入力がPythonコードに戻され、ユーザーが選択した新しいチャートなどの新しいコンテンツを持つHTMLを更新するためにさらにデータが送られる可能性があります。

We will continue to update VoAGI; if you have any questions or suggestions, please contact us!

Share:

Was this article helpful?

93 out of 132 found this helpful

Discover more