Question

我有兴趣将javascript支持的图形放入我的jupyter笔记本文件中作为div。该网站使用代码魔术方法，并直接在一个jupyter笔记本单元格中粘贴图形代码：

http://blog.thedataincubator.com/2015/08/embedding-d3-in-an-ipython-notebook/

然而，由于许多这样的javascript驱动图很冗长，我认为只需调用包含图形代码的javascript文件，然后将其作为jupyter笔记本中的div附加。这听起来很简单，但是由于所有的路径纵横交错，我让自己感到困惑，我不确定我尝试过的方法是否有效。

我试过了：

%%javascript
require.config({
  paths: {
      graph: 'filepath.js'
  }
});

这并没有引发任何错误，但是当我无法追加任何div时。我想也许问题实际上是数据在python和js文件之间的链接方式。以上链接使用的方法将数据指向window.vizObj={}我想知道是否没有更简单的解决方案？

此外，还有一个转换器库：http://mpld3.github.io/。当然，我并不反对，但为了说明，（和骄傲），我有点想深究这一点。请随时分享关于此事的任何/所有想法。

如果可能，请上传一个jupyter笔记本文件，这样我就可以看到如何从js文件中将js图形附加到jupyter笔记本中，以及如何指出数据。任何类型的图表都可以，也许是简单的d3.js折线图。

Answer 1

就用python做

from IPython.core.display import Javascript

_filepath = 'filepath.js'
with open(_filepath, 'r') as _jscript:
    code = _jscript.read()
Javascript(code)

在Jupyter笔记本中调用JS文件＆amp;共享数据

1 个答案: