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

Question

如果我尝试将 d3.js 库加载到我的 jupyter notebook 中，它可以在 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 开发人员工具的源选项卡中，它也不可用。

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>
''')