D3 4.0+ не создает глобальную переменную d3 при импорте в Jupyter Notebook

Question

Ниже будет выпадать с JavaScript ReferenceError:

from IPython.display import HTML, display 

display(HTML(""" 
<script src="https://d3js.org/d3.v4.js"></script> 

<script> 
console.log(d3); 
</script> 
""")) 

Почему?

Эквивалент D3 версии 3.x будет работать (хотя и со второй попытки, для меня):

from IPython.display import HTML, display 

display(HTML(""" 
<script src="https://d3js.org/d3.v3.js"></script> 

<script> 
console.log(d3); 
</script> 
""")) 

This самый актуальный вопрос/ответ, который я мог найти на эту тему.

Answer 1

Это, как оказалось, связано с внутренним изменением способа доставки товара d3. Версии ветвей 3.x d3 экспортировали все их внутренние компоненты в качестве глобальных переменных (source code); Версия версии 4.x больше не делает этого (source code). Вместо этого вместо этого ожидается менеджер пакетов (например, require.js), и вместо этого экспорт будет отправлен на него.

Более подробная информация приведена в документе requisite GitHub issue.

Что вы должны сделать, вместо того, чтобы сейчас что-то вроде:

<script src="scripts/require.js"></script> 
<script>var d3 = require('d3')</script> 

После этого все должно работать, как ожидалось.

Answer 2

У меня есть решение, описанное здесь:

http://makeyourowntextminingtoolkit.blogspot.co.uk/2016/09/interactive-d3v4js-in-jupyter-notebook.html

По сути вы должны использовать require.js .. который уже доступен через собственную инфраструктуру ноутбука.