在 jupyter notebook 幻灯片中渲染交互式绘图

Question

我正在尝试将交互式绘图作为幻灯片嵌入到 jupyter notebook 幻灯片中。我试图从 plotly 中获取 HTML 输出并将其嵌入到降价幻灯片中，但是没有任何渲染。我不确定还能尝试什么。在降价幻灯片中呈现 HTML 的其他尝试通常会按预期工作，所以我不确定我在这里做错了什么。

这是我的代码思路运行:

单元格 1（代码单元格）：

import numpy as np
import plotly
import plotly.graph_objs as pgo

m_t = 3.5
b_t = 4.0

x = np.linspace(0.0, 10.0)
y = m_t* x + b_t + np.random.normal(size=x.size)

单元格 2（代码单元格）：

plotly.offline.init_notebook_mode()

trace = pgo.Scatter(
    x=x,
    y=y,
    mode='markers'
)

fig = pgo.Figure(data=[trace])
x = plotly.offline.plot(fig, output_type='div', include_plotlyjs=False)

所以现在 HTML 字符串保存在变量 x 中。在下一张幻灯片中使用 python 降价，例如

单元格 3（降价）：

{{x}}

或者如果我只是获取 x 的值并将其复制并粘贴到另一个降价单元格中，它不起作用，它只会在笔记本中呈现一点空白 space。

我真的很想让这个工作，这样我就可以在幻灯片中包含一个交互式图表。

Answer 1

我一直在尝试做同样的事情，我看到它奏效了 here :

检查我的控制台我得到： WARNING:tornado.access:404 GET /plotly.js 这让我相信它可以找到 plotly.js 库，也许你可以确认同样的行为？

看来您需要使用 plotly.offline.init_notebook_mode(connected=True) 在您希望显示图表的每个单元格中，我相信这会将 plotly.js 库嵌入到该单元格中，并且在我的例子中渲染了图表。

我仍在探索尝试做一些类似于 Damian avila 的事情来使用 reveal 的本地副本，看看这是否可以用 plotly，http://www.damian.oquanta.info/posts/using-a-local-revealjs-library-with-your-ipython-slides.html

在 jupyter notebook 幻灯片中渲染交互式绘图

Render interactive plotly figure in jupyter notebook slideshow

html

python

markdown

reveal.js

jupyter-notebook