Графический график не отображается, когда конвертер jupyter преобразуется в слайды

Question

У меня есть блокнот jupyter с привлекательными сюжетными графиками. Я конвертирую этот ноутбук в слайды, используя nbconvert. Когда я это делаю, сюжетные сюжеты не появляются в слайдах. Я получаю следующие предупреждения о торнадо, а также

$ jupyter nbconvert presentation.ipynb --to slides --post serve 
[NbConvertApp] Converting notebook presentation.ipynb to slides 
[NbConvertApp] Writing 818538 bytes to presentation.slides.html 
[NbConvertApp] Redirecting reveal.js requests to https://cdnjs.cloudflare.com/ajax/libs/reveal.js/3.1.0 
Serving your slides at http://127.0.0.1:8000/presentation.slides.html 
Use Control-C to stop this server 
WARNING:tornado.access:404 GET /custom.css (127.0.0.1) 1.53ms 
WARNING:tornado.access:404 GET /custom.css (127.0.0.1) 0.96ms 
WARNING:tornado.access:404 GET /plotly.js (127.0.0.1) 0.84ms 

Чтобы довершение этого работало вчера, и я не думаю, что я изменил что-нибудь существенное. Я попытался перезагрузить мой браузер и мою машину, и ни один из них не помог.

Answer 1

У вас должен быть файл plotly.js в вашем каталоге, где вы ищите nbconvert. По какой-то причине «html» будет встраивать javascript в HTML-файл, но «для слайдов» ищет файл plotly.js в каталоге.

При этом вам нужно будет с шаблоном раскрывать.js, чтобы изменить размеры слайдов в зависимости от размера ваших графиков. Это или настроить размерность графиков. Если слайд слишком велик (или наоборот), графики будут разбиваться на одну строку слайдов.

Answer 2

1) Проверьте JS-консоль на наличие ошибок и журнал Jupyter, если вы используете слайды через Jupyter. При просмотре slides.html, вы можете получать
404 GET /files/mydir/plotly.js

поместить файл plotly.js в директории, где находится slides.html (скачать например https://cdn.plot.ly/plotly-latest.min.js и переименовать to plotly.js)

2) убедитесь, что вы указали высоту и ширину макета в своем ноутбуке Jupyter, например

trace_data = [trace1] 
layout = Layout(
    autosize=False, 
    width=720, 
    height=480, 
    margin=Margin(
     l=50, 
     r=50, 
     b=100, 
     t=100, 
     pad=4 
    ), 
    bargroupgap=0.3 
) 
fig = Figure(data=trace_data, layout=layout) 

Повторно запустите свои диаграммы, проверьте, правильно ли они отображаются в ноутбуке, сохраните ноутбук и запустите nbconvert.

Вам не нужно настраивать custom.css и создавать шаблон myreveal.tpl Reveal и указывать его в командной строке nbconvert, но вы можете сделать это, если хотите настроить слайды.