Question

我想在我的Jupyter Notebook中引用d3 JavaScript库。但是，我正在处理的远程节点（在AWS中）没有出站HTTP访问权限。我想我可以download js文件，将它保存到节点，并在本地引用它（从节点返回到它自己或本地文件系统）。

我跟着tutorial here，这SO post有点朝着我想做的事情（虽然OP要求的是不同的东西）。该教程通过HTTP引用d3。

如果我只是修改the code以引用本地d3 JS文件，如下所示，该示例不再有效。

%%javascript
require.config({
  paths: {
      d3: 'd3.min.js'
  }
});

观察JavaScript控制台不会产生任何错误。

有关如何在Jupyter笔记本中引用本地第三方JavaScript库的任何想法？

Answer 1

在本地下载后，您可以执行以下操作：

%%javascript

element.append('<div id="viz"></div>');

require(['d3.min.js'], function(d3){

var sampleSVG = d3.select("#viz")
        .append("svg")
        .attr("width", 100)
        .attr("height", 100);    

sampleSVG.append("circle")
        .style("stroke", "gray")
        .style("fill", "white")
        .attr("r", 40)
        .attr("cx", 50)
        .attr("cy", 50)
        .on("mouseover", function(){d3.select(this).style("fill", "aliceblue");})
        .on("mouseout", function(){d3.select(this).style("fill", "white");});  

});

如何在Jupyter中本地引用JavaScript库？

1 个答案: