d3.js在Jupyter Notebook中加载版本3与版本4

Question

如果我尝试将d3.js库加载到我的jupyter笔记本中,它可以与版本3.x一起使用.然后我可以转到chrome控制台并且可以使用d3对象.

from IPython.core.display import display, HTML
HTML('<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.17/d3.min.js"></script>')

如果我对版本4.x执行相同操作,即使它显示在chrome开发人员工具的sources选项卡中,它也不可用.

from IPython.core.display import display, HTML
HTML('<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/4.10.0/d3.min.js"></script>')

我究竟做错了什么？

Answer 1

从评论中提到的链接得到了答案，但实际上我不得不省略 d3 路径末尾的 .js，因为 requirejs 自动添加了它，因此它试图调用https://d3js.org/d3。 v4.js.js返回 404。

在 jupyter 中对我有用的代码：

from IPython.core.display import display, HTML
HTML('''
<script>
    requirejs.config({
        paths: {
            d3: 'https://d3js.org/d3.v4'
        }
    });

    require(['d3'], function(d3) {
        window.d3 = d3;
    });
</script>
''')