GitHubページにインタラクティブなプロット図（.htmlファイル）を表示する

私はこのように次のようなプロットを作成しました：

import plotly
labels = ['Oxygen', 'Hydrogen', 'Carbon_Dioxide', 'Nitrogen']
values = [4500, 2500, 1053, 500]

trace = plotly.graph_objs.Pie(labels=labels, values=values)
plotly.offline.plot([trace], filename='basic-pie-chart')

それから私はそのようなhtmlを作成しました：

print(plotly.offline.plot([trace], include_plotlyjs=False, output_type='div'))

上記のコードを実行すると、ブラウザで表示できる.htmlファイルが生成されます。

GitHubページのマークダウンファイルの中央に.htmlファイルを表示する方法はありますか？それで、plotlyのインタラクティブ機能を使用できますか？

ここに私が尋ねた同様の質問があります

GitHubページサイトでJekyllを使用する場合。

データを準備します。

import plotly.graph_objects as go

labels = ['Oxygen','Hydrogen','Carbon_Dioxide','Nitrogen']
values = [4500, 2500, 1053, 500]
fig = go.Figure(data=[go.Pie(labels=labels, values=values)])
fig.show()

HTMLファイルを生成：

import plotly.io as pio

pio.write_html(fig, file='figure.html', auto_open=True)

figure.htmlファイルをアップロードして_includes、サイトリポジトリのルートにあるフォルダーにコミットします。

あなたが使用している場合は、今すぐ値下げをあなたの記事を作成するには、使用することができます含めるタグと呼びfigure.html、このようなもので、あなたの記事では：

{% include figure.html %}

この行をフォルダー内の投稿.mdファイルにコミットし_postsます。結果を確認してください。