Plotly・Jupyterの対話型レポートをHTMLリンクで共有する

結果をHTMLへ出力し、実ファイルを確認して共有します。GitHubのnotebook表示では独自JavaScriptが動かない場合がありますが、Plotly HTMLはhover、zoom、凡例を維持できます。一方で容量が増え、画面に出ないデータも埋め込まれます。

出力形式を選ぶ

形式	対話操作	主な制限
PNG・SVG	なし	小さいがhover・filterなし
GitHub notebook	制限あり	独自JavaScriptが動かない場合あり
CDN利用HTML	library取得時のみ	外部通信が必要
自己完結Plotly HTML	あり	Plotlyによると5MB超の場合あり

HTML2WEBの匿名共有は現在1ファイル1MBまでで、外部通信を止めます。CDN依存の図は安定せず、自己完結ファイルはデータ追加前から上限を超える場合があります。

共有用に整える

1. 不要なnotebook出力を消す。
2. token、ローカルpath、username、内部URL、query結果を除く。
3. 機密行を集計または公開fixtureへ置換。
4. 最終図・必要部分だけ出力。
5. 外部要求のないcodeとstyleを優先。
6. byte単位で容量を確認。
7. offlineで操作を確認。
8. 短い期限で公開しprivate windowで検証。

表示表を消しても、trace、hover field、script変数、HTML sourceに値が残る場合があります。

1MBを超える場合

静的SVG・PNGと要約を使う、点数・精度・重複ラベル・未使用traceを減らす、複数図を目的別に分ける、大きなartifact向けの正式hostingを使う、の順で判断します。出典やアクセシビリティ文を消して容量だけ合わせません。

公開URLでkeyboard、label、hover・zoom、凡例、mobile幅、期限、network errorを確認し、操作できない場合にも結論が分かる文章を先に置きます。

HTML URL変換ツールへ出す前に秘密情報チェックも実行してください。