如何在网页中嵌入交互式 matplotlib 图答案

【问题标题】：How to embed an interactive matplotlib plot in a webpage如何在网页中嵌入交互式 matplotlib 图
【发布时间】：2014-05-09 11:52:07
【问题描述】：

我一直在寻找如何在网页中嵌入交互式 matplotlib 小部件（例如：http://matplotlib.org/examples/widgets/slider_demo.html）。最终目标是制作一个教育页面。

我希望我没有重复这个问题。谷歌发现的始终是如何以图像格式将情节嵌入为静止镜头。

我想我可以用 ipython notebook 或 plotly 或 gjango 做点什么。但是我很困惑。

是否有可能产生有吸引力的情节？感谢您指导我应该思考和努力的方向。

谢谢。

【问题讨论】：

你看过webagg matplotlib 后端吗？另外，请看这里：stackoverflow.com/questions/3354883/…
这个问题已在 2014 年提出，如果有人现在可以重新访问这个问题并帮助了解现在是否可以将交互式 matplotlib 小部件嵌入网页，将不胜感激？学习 D3 是唯一出路吗？
研究这个是在 2020 年，这篇文章似乎仍然是最相关的。有消息吗？

【解决方案1】：

在 2015 年夏天，我面临着类似的任务：嵌入交互式小部件，在移动滑块时更改其基础数据。这与interactive IPython widgets 非常相似，后者在本地计算机上运行时是交互式的。我想要的例子可以在jakevdp's blog找到。

总结目前所做的工作：

还有标题为“Scientific Python in the browser: it's coming!”的博文。这篇文章的发布日期为 2014-3-31。

对我来说，最有吸引力的两个选项是 ipywidgets 和 HoloViews，但我很期待 IPython 何时提供静态交互式小部件。我希望在不到 5 年/2020 年（以及 2 年/2017 年？）内快速看到对静态交互式小部件的可靠支持。

【讨论】：

【解决方案2】：

截至 2014 年 4 月上旬，答案是肯定的。基于该领域正在进行的工作，我预计此类图书馆的质量和数量将继续快速提高。

IPython 2.0，特别是 notebook，支持 interactive controls，Brian Granger 在他的演讲 IPython - The Attributes of Software and How They Affect Our Work 中详细介绍了这一点（您感兴趣的内容请参见 32:25 之后的内容）

目前有一些令人惊叹的项目正在开发中，它们将服务器端和客户端代码结合起来，用于下一代 Python 可视化库。目前这包括MPLD3 和ipywidgets 库的工作。在 Jake Vanderplas 的博客 Pythonic Perambulations 上有一些很棒的互动图展示了这一点。

【讨论】：