在Jupyter Notebook中调用JS文件并共享数据

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)