在GitHub Pages上显示交互式绘图图（.html文件）

Question

bounty到期在5天内。该问题的答案有资格获得+ 50声望赏金。Ethan希望引起更多关注对此问题：

我真的很想知道如何做到这一点

我已经创建了以下这样的情节图：

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 Pages的markdown文件中间显示.html文件，以便可以使用plotly的交互式功能？

Here is a similar question that I asked

Answer 1

如果您在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文件夹。

现在，如果您正在使用markdown创建帖子，则可以使用include标记并使用类似这样的内容来调用帖子中的figure.html：

{% include figure.html %}

将此行提交到.md文件夹中的帖子_posts文件中。检查结果。