ジュピターのノートブックをスライドに変換すると、プロットグラフが表示されません。

Question

私は、幻想的なプロットプロットを持つジュピターノートブックを持っています。私はそのノートを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

nbconvertを実行するディレクトリにplotly.jsファイルが必要です。なんらかの理由で、 "to html"はHTMLファイルにjavascriptを埋め込みますが、 "to slides"はディレクトリ内のplotly.jsファイルを検索します。

つまり、プロットチャートのサイズに応じてスライドの寸法を変更するには、reveal.jsをテンプレートにする必要があります。つまり、プロットグラフの次元をカスタマイズすることができます。スライドが大きすぎる場合（または逆の場合）、スライド内のグラフは1つの行に折り畳まれます。

Answer 2

1）Jupyter経由でスライドを配信する場合は、JSコンソールでエラーをチェックし、Jupyterログを確認します。あなたがslides.htmlを参照すると、あなたは
404 GETの/files/mydir/plotly.jsを取得することができる

はslides.htmlが置かれているディレクトリ内のファイルplotly.js（ダウンロードなど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コマンドラインで指定する必要はありませんが、スライドをカスタマイズしたい場合はこれを行うことができます。