在 Jupyter Notebook 中显示 Plotly HTML

Question

我有一个

.html

文件创建为

import plotly.express as px

fig = px.scatter(x=[0, 1, 2, 3, 4], y=[0, 1, 4, 9, 16])
fig.write_html("px.html", full_html=False, include_plotlyjs='cdn')

我可以从文件系统打开这个文件，它在 Chrome 中显示正常。

然而，我需要做的是将此文件读入 Jupyter Notebook 并显示它。

我正在笔记本电脑中尝试以下操作

from IPython.display import display, HTML
display(HTML(filename="px.html"))

这在

的笔记本中给出了一个错误

Javascript error adding output!
ReferenceError: Plotly is not defined
See your browser Javascript console for more details.

Chrome Javascript 控制台显示

如何从笔记本中的文件中获取这个 plotly html 来显示？

Answer 1

这适用于我的 JupyterLab 和经典的 Jupyter Notebook，基于here.

from IPython.display import IFrame
IFrame('px.html', width=700, height=350)