Python
 Computer >> コンピューター >  >> プログラミング >> Python

インタラクティブなMatplotlibプロットをWebページに埋め込む方法は?


プロットがインタラクティブになるようにWebページにプロットを表示するには、次の手順を実行できます-

  • ボケをインストールします をインポートします 、表示 、および output_file
  • デフォルトの出力状態を構成して、:func:'show'のときにファイルに保存された出力を生成します と呼ばれます。
  • プロット用の新しい図を作成します。
  • 指定されたURLから読み込まれた画像をレンダリングします。
  • Bokehオブジェクトまたはアプリケーションをすぐに表示します。

from bokeh.plotting import figure, show, output_file

output_file('image.html')
p = figure(x_range=(0, 1), y_range=(0, 1))

p.image_url(url=['bird.jpg'], x=0, y=1, w=0.8, h=0.6)
show(p)

出力

コードを実行すると、デフォルトのブラウザに次の画像が表示されます。

インタラクティブなMatplotlibプロットをWebページに埋め込む方法は?

プロットはインタラクティブなので、ブラウザ上で画像を移動できます


  1. フラスコでMatplotlibを表示する方法は?

    Flaskでプロットを表示するには、次の手順を実行できます- 小さなアプリケーションを作成します。 Flaskアプリケーションを実行するには、現在のディレクトリに移動します。 $ export FLASK_APP =file.py $フラスコ実行 ブラウザを開き、url:http://127.0.0.1:5000 /print-plot/を押します 図をプロットするために、ランダムを使用してxとyのデータポイントを作成できます。 作成した軸にデータポイントxとyをプロットします。 図をpng図形式で記述します。 BytesIOのコンテンツ全体を取得します オブジェクト。 例

  2. Python Matplotlibを使用して3Dグラフをプロットする方法は?

    Pythonを使用して3Dグラフをプロットするには、次の手順を実行できます- figure()を使用して、新しいフィギュアを作成するか、既存のフィギュアをアクティブにします メソッド。 3D軸オブジェクトを取得します。 データポイントのx、y、zリストを作成します。 scatter3D()を使用して3D散布点を追加します メソッド、x、y、zデータポイント、 markersize =150 およびma​​rker=diamond 。 図を表示するには、 show()を使用します メソッド。 例 from mpl_toolkits.mplot3d imp