在jupyter笔记本幻灯片中渲染交互式绘图

Question

我正在尝试在jupyter笔记本幻灯片中嵌入交互式绘图作为幻灯片。 我试图从plotly中获取HTML输出并将其嵌入markdown幻灯片中，但是什么也没有呈现。 我不确定还有什么尝试。 在markdown幻灯片中进行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 markdown，例如

单元3（降价）：

{{x}}

或者，如果我只是获得x的值并将其复制并粘贴到另一个markdown单元中，则它将不起作用，并且只会在笔记本中呈现一些空白。

我真的很想让这个工作正常进行，因此我可以在幻灯片中包含一个交互式图。

Answer 1

我一直在尝试做同样的事情，我发现它在这里起作用：

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

看来您需要在要显示图形的每个单元格中使用plotly.offline.init_notebook_mode(connected=True) ，我相信这会将plotly.js库嵌入到该单元格中，并且在我的情况下呈现了图形。

我仍在探索尝试使用本地显示的副本来做类似于Damian avila的操作，看看是否有可能通过密谋http://www.damian.oquanta.info/posts/using-a-local-revealjs- library-with-your-ipython-slides.html