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

Question

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

我希望我不会重复这个问题。谷歌发现的总是如何以图像格式将情节嵌入静止图像中。

我以为我可以用 ipython notebook 或 plotly 或 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不支持滑块/等。我相信这是基于这个blog post。
• mpld3在matplotlib和d3之间进行转换。我相信这个库支持平移和缩放，而不是滑块/交互。这是一个related Github issue

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

对我来说，两个最有吸引力的选项是ipywidgets和HoloViews，但我很期待IPython提供静态交互式小部件。我希望能够快速获得对静态交互式小部件的坚实支持，并且在不到5年/ 2020年（以及2017年的2年？）中。

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上有一些很棒的互动图，展示了这一点。