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

【问题标题】：d3.js Loading version 3 vs version 4 in Jupyter Notebookd3.js 在 Jupyter Notebook 中加载版本 3 与版本 4
【发布时间】：2017-08-16 12:50:13
【问题描述】：

如果我尝试将 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 开发人员工具的源选项卡中，它也不可用。

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

我做错了什么？

【问题讨论】：

stackoverflow.com/questions/39335992/…
感谢您的提示。这确实帮助我解决了问题

标签： javascript python d3.js ipython jupyter-notebook

【解决方案1】：

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

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

【讨论】：