Question

我正试图在jupyter笔记本幻灯片中嵌入一个交互式的情节图作为幻灯片。我试图从plotly中获取HTML输出并将其嵌入到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)

Cell 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，例如

Cell 3（降价）：

{{x}}

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

我真的很想让这个工作，所以我可以在幻灯片中包含一个交互式情节。

Answer 1

我一直在尝试做同样的事情，但发现它here有用：

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

您似乎需要使用 plotly.js在您想要显示图形的每个单元格中，我相信这会将plotly.js库嵌入到该单元格中，并且在我的情况下呈现了图形。

我仍在探索尝试使用Damian avila做类似的事情，以使用本地揭示文件副本，看看是否可以通过密谋http://www.damian.oquanta.info/posts/using-a-local-revealjs-library-with-your-ipython-slides.html

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

1 个答案: