blocks|key|5448539|text|在iPython:+Manipulate-like+command上检查以下答案。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|5448540|以及以下两个方向：|5448541|5448542|IPython+interact/ive在IPython+-+The+Attributes+ofSoftware+and+How+They+Affect+Our+Work+-+Brian+Granger中的动机接近32m:12s；在IPython's+github|ordered-list-item|style|CODE|5448543|Altair上提供了强大而简洁的语法，基于vega-lite；请参阅gallery|5448544|MPLD3:+Bringing+Matplotlib+to+the+Browser|5448545|5448546|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/a/21891699/1204331|1|http://vimeo.com/79832657|2|https://github.com/ipython/ipython|3|https://altair-viz.github.io/index.html|4|https://altair-viz.github.io/gallery/index.html#example-gallery|5|http://mpld3.github.io/index.html^0|1|W|0|0|0|0|8|C|L|28|1|38|G|2|0|0|6|3|Y|7|4|0|0|15|5|0|0^^$0|@$1|2|3|4|5|6|7|18|8|@]|9|@$A|19|B|1A|1|1B]]|C|$]]|$1|D|3|E|5|6|7|1C|8|@]|9|@]|C|$]]|$1|F|3|-4|5|6|7|1D|8|@]|9|@]|C|$]]|$1|G|3|H|5|I|7|1E|8|@$A|1F|B|1G|J|K]]|9|@$A|1H|B|1I|1|1J]|$A|1K|B|1L|1|1M]]|C|$]]|$1|L|3|M|5|I|7|1N|8|@]|9|@$A|1O|B|1P|1|1Q]|$A|1R|B|1S|1|1T]]|C|$]]|$1|N|3|O|5|I|7|1U|8|@]|9|@$A|1V|B|1W|1|1X]]|C|$]]|$1|P|3|-4|5|6|7|1Y|8|@]|9|@]|C|$]]|$1|Q|3|-4|5|6|7|1Z|8|@]|9|@]|C|$]]]|R|$S|$5|T|U|V|C|$W|X]]|Y|$5|T|U|V|C|$W|Z]]|10|$5|T|U|V|C|$W|11]]|12|$5|T|U|V|C|$W|13]]|14|$5|T|U|V|C|$W|15]]|16|$5|T|U|V|C|$W|17]]]]

check the following answer at <a href="https://stackoverflow.com/a/21891699/1204331">iPython: Manipulate-like command</a>.

as well as the two following directions:

<ol>
<li>IPython <code>interact/ive</code> as motivated in <a href="http://vimeo.com/79832657" rel="nofollow noreferrer">IPython - The Attributes ofSoftware and How They Affect Our Work - Brian Granger</a> near 32m:12s; and available at <a href="https://github.com/ipython/ipython" rel="nofollow noreferrer">IPython's github</a></li>
<li><a href="https://altair-viz.github.io/index.html" rel="nofollow noreferrer">Altair</a> provides a powerful and succinct syntax, based on vega-lite; see the <a href="https://altair-viz.github.io/gallery/index.html#example-gallery" rel="nofollow noreferrer">gallery</a></li>
<li><a href="http://mpld3.github.io/index.html" rel="nofollow noreferrer">MPLD3: Bringing Matplotlib to the Browser</a> </li>
</ol>

blocks|key|2288563|text|我不相信标准的matplotlib图能够达到你想要的交互性。Chaco可以制作交互式图形，但不能在ipython笔记本AFAICT中使用。您最好的选择可能是Bokeh。它输出为Javascript/HTML，可以制作交互式图形，并且有一个在ipython中使用它的示例。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2288564|entityMap|0|LINK|mutability|MUTABLE|url|http://code.enthought.com/chaco/|1|https://github.com/ContinuumIO/Bokeh^0|U|5|0|26|5|1|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]|$A|R|B|S|1|T]]|C|$]]|$1|D|3|-4|5|6|7|U|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]|L|$5|G|H|I|C|$J|M]]]]

I don't believe the standard matplotlib plots are capable of the interactivity you want. <a href="http://code.enthought.com/chaco/">Chaco</a> can do interactive graphs, but not in an ipython notebook, AFAICT. Your best bet is probably <a href="https://github.com/ContinuumIO/Bokeh">Bokeh</a>. It outputs to Javascript/HTML, can do interactive graphs, and has an example of using it from ipython.

blocks|key|5448511|text|你可能想看看Plotly。它们在IPython+Notebook中呈现交互式D3图(例如here。您还可以导出为静态图像，并在悬停时缩放、悬停、平移和查看文本。交互性是他们强调的重点之一。要获得更多信息，您还可以在Notebook中使用IPython+widgets，它为您提供了更多的控制和选项。例如：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|5448512|​|5448513|📷|atomic|5448514|5448515|entityMap|0|LINK|mutability|MUTABLE|url|https://plot.ly/|1|https://plot.ly/ipython-notebooks/|2|http://moderndata.plot.ly/widgets-in-ipython-notebook-and-plotly/|3|IMAGE|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/0392b16e79c6483cec817d4acb5f2c94.gif|imageAlt^0|6|6|0|18|4|1|3A|F|2|0|0|0|1|3|0|0^^$0|@$1|2|3|4|5|6|7|11|8|@]|9|@$A|12|B|13|1|14]|$A|15|B|16|1|17]|$A|18|B|19|1|1A]]|C|$]]|$1|D|3|E|5|6|7|1B|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|1C|8|@]|9|@$A|1D|B|1E|1|1F]]|C|$]]|$1|I|3|E|5|6|7|1G|8|@]|9|@]|C|$]]|$1|J|3|-4|5|6|7|1H|8|@]|9|@]|C|$]]]|K|$L|$5|M|N|O|C|$P|Q]]|R|$5|M|N|O|C|$P|S]]|T|$5|M|N|O|C|$P|U]]|V|$5|W|N|X|C|$Y|Z|10|-4]]]]

You may want to check out <a href="https://plot.ly" rel="nofollow noreferrer">Plotly</a>. They render interactive D3 plots inside IPython Notebooks (examples <a href="https://plot.ly/ipython-notebooks/" rel="nofollow noreferrer">here</a>. You can export as static images as well, and zoom, hover, pan, and see text on the hover. Interactivity is one of the pitches they're emphasizing. For more, you can also use <a href="http://moderndata.plot.ly/widgets-in-ipython-notebook-and-plotly/" rel="nofollow noreferrer">IPython widgets</a> inside the Notebook, which gives you more control and options. For example:
 
 

<img src="https://i.stack.imgur.com/s7Tuj.gif" alt="enter image description here">

blocks|key|3336358|text|像@AFoglia一样，我将推荐您可能正在寻找的其他库：Tangle、Mathematica+Notebooks、IPython+/+Bokeh、RactiveJS或ReactJS。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|3336359|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/worrydream/Tangle|1|http://www.wolfram.com/products/player/|2|https://github.com/ContinuumIO/Bokeh|3|http://www.ractivejs.org/|4|http://facebook.github.io/react/^0|S|6|0|Z|L|1|1L|F|2|21|9|3|2B|7|4|0^^$0|@$1|2|3|4|5|6|7|T|8|@]|9|@$A|U|B|V|1|W]|$A|X|B|Y|1|Z]|$A|10|B|11|1|12]|$A|13|B|14|1|15]|$A|16|B|17|1|18]]|C|$]]|$1|D|3|-4|5|6|7|19|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]|L|$5|G|H|I|C|$J|M]]|N|$5|G|H|I|C|$J|O]]|P|$5|G|H|I|C|$J|Q]]|R|$5|G|H|I|C|$J|S]]]]

Like @AFoglia, I'm going to suggest other libraries that might be what you're looking for: <a href="https://github.com/worrydream/Tangle" rel="nofollow">Tangle</a>, <a href="http://www.wolfram.com/products/player/" rel="nofollow">Mathematica Notebooks</a>, <a href="https://github.com/ContinuumIO/Bokeh" rel="nofollow">IPython / Bokeh</a>, <a href="http://www.ractivejs.org/" rel="nofollow">RactiveJS</a>, or <a href="http://facebook.github.io/react/" rel="nofollow">ReactJS</a>.

blocks|key|2288656|text|另一种解决方案可能是Charts库。它使您能够使用优秀的Highcharts+javascript库来创建漂亮的交互式开箱即用的绘图。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2288657|一些功能：|2288658|2288659|矢量绘图你可以下载.png，.jpg和.svg格式，这样你永远不会运行到分辨率problems.|unordered-list-item|2288660|Interactive图表(缩放，滑动，悬停在点上，...)在一个IPython+notebook+|2288661|中可用的|2288662|使用异步绘图功能同时探索数百个数据结构。|2288663|2288664|免责声明:我是这个库的开发者|2288665|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/arnoutaertgeerts/python-highcharts|1|http://highcharts.com/^0|A|6|0|S|A|1|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|12|8|@]|9|@$A|13|B|14|1|15]|$A|16|B|17|1|18]]|C|$]]|$1|D|3|E|5|6|7|19|8|@]|9|@]|C|$]]|$1|F|3|-4|5|6|7|1A|8|@]|9|@]|C|$]]|$1|G|3|H|5|I|7|1B|8|@]|9|@]|C|$]]|$1|J|3|K|5|I|7|1C|8|@]|9|@]|C|$]]|$1|L|3|M|5|I|7|1D|8|@]|9|@]|C|$]]|$1|N|3|O|5|I|7|1E|8|@]|9|@]|C|$]]|$1|P|3|-4|5|6|7|1F|8|@]|9|@]|C|$]]|$1|Q|3|R|5|6|7|1G|8|@]|9|@]|C|$]]|$1|S|3|-4|5|6|7|1H|8|@]|9|@]|C|$]]]|T|$U|$5|V|W|X|C|$Y|Z]]|10|$5|V|W|X|C|$Y|11]]]]

Another solution might be the <a href="https://github.com/arnoutaertgeerts/python-highcharts" rel="nofollow">Charts</a> library. It enables you to use the excellent <a href="http://highcharts.com" rel="nofollow">Highcharts</a> javascript library to make beautiful and interactive plots out of the box.

Some features:

<ul>
<li>Vector plots which you can download in .png, .jpg and .svg formats so you will never run into resolution problems.</li>
<li>Interactive charts (zoom, slide, hover over points, ...)</li>
<li>Usable in an IPython notebook </li>
<li>Explore hundreds of data structures at the same time using the asynchronous plotting capabilities. </li>
</ul>

Disclaimer: I'm the developer of the library

blocks|key|3336385|text|您可以直接从IPython+notebooks+(%25%25html和%25%25javascript)运行javascript，因此应该可以运行D3代码。检查此video。具体的实现方式还没有确定下来，因为这是IPython+2.0的一个特性。到目前为止，有许多可用的hack，以及试图将D3的一些特征移植到Python+(如bokeh和python-nvd3)的项目。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|BOLD|entityRanges|data|3336386|我还没有测试其中的任何一个。我个人倾向于首先尝试下面的例子，它是静态的，但直接使用D3+(所以理论上它应该适用于交互式绘图)：|3336387|3336388|gist|unordered-list-item|3336389|notebook|3336390|3336391|entityMap|0|LINK|mutability|MUTABLE|url|http://youtu.be/8UtoIR2IEkI|1|http://bokeh.pydata.org/|2|https://github.com/areski/python-nvd3|3|https://gist.github.com/z-m-k/4484816|4|http://nbviewer.ipython.org/4484816/ipyD3sample.ipynb^0|P|6|W|C|1U|2|22|5|0|4D|5|1|4J|B|2|0|0|0|0|4|3|0|0|8|4|0|0^^$0|@$1|2|3|4|5|6|7|15|8|@$9|16|A|17|B|C]|$9|18|A|19|B|C]|$9|1A|A|1B|B|D]]|E|@$9|1C|A|1D|1|1E]|$9|1F|A|1G|1|1H]|$9|1I|A|1J|1|1K]]|F|$]]|$1|G|3|H|5|6|7|1L|8|@]|E|@]|F|$]]|$1|I|3|-4|5|6|7|1M|8|@]|E|@]|F|$]]|$1|J|3|K|5|L|7|1N|8|@]|E|@$9|1O|A|1P|1|1Q]]|F|$]]|$1|M|3|N|5|L|7|1R|8|@]|E|@$9|1S|A|1T|1|1U]]|F|$]]|$1|O|3|-4|5|6|7|1V|8|@]|E|@]|F|$]]|$1|P|3|-4|5|6|7|1W|8|@]|E|@]|F|$]]]|Q|$R|$5|S|T|U|F|$V|W]]|X|$5|S|T|U|F|$V|Y]]|Z|$5|S|T|U|F|$V|10]]|11|$5|S|T|U|F|$V|12]]|13|$5|S|T|U|F|$V|14]]]]

You can run javascript straight from IPython notebooks (<code>%%html</code> and <code>%%javascript</code>), so it should be possible to run D3 code. Check this <a href="http://youtu.be/8UtoIR2IEkI" rel="nofollow">video</a>. The exact way in which this would be implemented is not set in stone yet, as this is a feature for IPython 2.0. There are many hacks available as of now, as well as projects that try to port some characteristics of D3 to Python (such as <a href="http://bokeh.pydata.org/" rel="nofollow">bokeh</a> and <a href="https://github.com/areski/python-nvd3" rel="nofollow">python-nvd3</a>).

I have not yet tested any of these. My own bias would be to try the example below first, which is static, but uses D3 directly (so it should theoretically work for interactive plots):

<ul>
<li><a href="https://gist.github.com/z-m-k/4484816" rel="nofollow">gist</a></li>
<li><a href="http://nbviewer.ipython.org/4484816/ipyD3sample.ipynb" rel="nofollow">notebook</a></li>
</ul>

blocks|key|5448595|text|这里的其他答案似乎已经过时了。IPython+2.0支持交互式小部件的。Read+the+docs+including+some+examples，但请注意，nbviewer.ipython.org不显示交互式小部件。将示例复制并粘贴到try.jupyter.org+works。|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|5448596|entityMap|0|LINK|mutability|MUTABLE|url|http://nbviewer.ipython.org/github/ipython/ipython/blob/2.x/examples/Interactive%2520Widgets/Index.ipynb|1|http://try.jupyter.org/^0|F|K|10|11|0|3A|F|1|0^^$0|@$1|2|3|4|5|6|7|P|8|@$9|Q|A|R|B|C]]|D|@$9|S|A|T|1|U]|$9|V|A|W|1|X]]|E|$]]|$1|F|3|-4|5|6|7|Y|8|@]|D|@]|E|$]]]|G|$H|$5|I|J|K|E|$L|M]]|N|$5|I|J|K|E|$L|O]]]]

Other answeres here seem to be outdated. IPython 2.0 has support for interactive widgets. <a href="http://nbviewer.ipython.org/github/ipython/ipython/blob/2.x/examples/Interactive%20Widgets/Index.ipynb" rel="nofollow">Read the docs including some examples</a>, but note that the nbviewer.ipython.org does not show the interactive widgets. Copy &amp; pasting the examples to <a href="http://try.jupyter.org" rel="nofollow">try.jupyter.org</a> works.

I found those two answers:
<a href="https://stackoverflow.com/questions/11611705/animated-graphs-in-ipython-notebook">Animated graphs in ipython notebook</a> ,
<a href="https://stackoverflow.com/questions/14580684/how-to-grab-matplotlib-plot-as-html-in-ipython-notebook">How to grab matplotlib plot as html in ipython notebook?</a>

But they don't address interactivity. I would like to display a plot with 2-3 curves and let the user hover those curves to receive more details or control the parameters that are used to generate those curves from a combo-box

Is there a way to create interactive plots (a la D3) in IPython notebooks?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我找到了这两个答案：，但它们并没有解决交互性问题。我想要显示带有2-3条曲线的曲线图，并让用户悬停这些曲线以获取更多详细信息或控制用于从组合框中生成这些曲线的参数

问有没有办法在IPython notebooks中创建交互式绘图(类似于D3)？
EN

回答 7

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问有没有办法在IPython notebooks中创建交互式绘图(类似于D3)？EN

回答 7

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问有没有办法在IPython notebooks中创建交互式绘图(类似于D3)？
EN