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

Question

我一直在寻找如何在网页中嵌入一个交互式matplotlib小部件（比如这个：http://matplotlib.org/examples/widgets/slider_demo.html）。最后的目的是做一个教育的网页。

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

我想我可以用ipython笔记本或绘图或gjango做些什么。但我搞糊涂了。

对于棘手的情节有可能吗？ 我很感激你的指导，我应该思考和努力。

谢谢你。

Answer 1

2015年夏天，我面临着一个类似的任务：嵌入交互小部件，当滑动条移动时，这些小部件会改变它们的底层数据。这与interactive IPython widgets非常相似，后者在本地计算机上运行时是交互式的。我想要的例子可以在jakevdp's blog找到。

总结迄今所做的工作：

• ipywidgets-static将交互式IPython小部件转换为静态HTML。但是，不再维护此库。发展已经转移到ipython/ipywidgets。
• IPython正在研究ipython/ipywidgets。它们有一个Github issue使这些小部件成为静态的，并嵌入到一个独立的HTML文件中。
• HoloViews提供了一些可以嵌入到静态HTML文件中的交互式滑块选项（使用IPython的nbconvert）
• Bokeh绘图依赖于交互式滑块require a server。
• plot.ly不支持滑块/etc。我相信基于这个blog post这是正确的。
• mpld3在matplotlib和d3之间转换。我相信这个库支持平移和缩放，而不是滑块/交互。这是related Github issue

还有一篇名为“Scientific Python in the browser: it's coming!”的博文。这篇文章的日期是2014年3月31日。

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

Answer 2

截至2014年4月初，答案是肯定的。根据这一领域的工作，我希望这类图书馆的质量和数量继续迅速提高。

IPython 2.0，特别是笔记本，支持interactive controls，Brian Granger在他的演讲IPython - The Attributes of Software and How They Affect Our Work中详细介绍了这一点（有关您感兴趣的部分，请参阅32:25以后的文章）

目前正在进行一些令人惊叹的项目，这些项目为下一代python可视化库结合了服务器端和客户端代码。目前，这包括有关MPLD3和ipywidgets库的工作。在Jake Vanderplas的博客Pythonic Perambulations上有一些很棒的互动情节展示了这一点。