在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