在 jupyter notebook 幻灯片中呈现交互式绘图图形答案

【问题标题】：Render interactive plotly figure in jupyter notebook slideshow在 jupyter notebook 幻灯片中呈现交互式绘图图形
【发布时间】：2018-04-12 21:39:48
【问题描述】：

我正在尝试将交互式绘图作为幻灯片嵌入到 jupyter 笔记本幻灯片中。我试图从 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 markdown，例如

单元格 3（降价）：

{{x}}

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

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

【问题讨论】：

标签： python html markdown jupyter-notebook reveal.js

【解决方案1】：

我一直在尝试做同样的事情，我看到它有效here：

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

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

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

【讨论】：