Jupyterでデータを触っていて、可視化のためにグラフをインラインで表示したいことは多々あると思います。 多くの場合は %matplotlib inline で十分だと思います。 しかし、データが多すぎて読めないグラフが表示されたり、もっと綺麗な図で見たい場合もあると思います。 そこで、動的な綺麗なグラフをJupyterで出す方法をみつけたので試してみました。 まずはデモを見てください。 ↓移動や拡大縮小ができる分散図 ↓Twitterのフォローした人と自分を結んだグラフ図 具体的にはD3.js(https://d3js.org/ )というデータの可視化に特化したJavaScriptのライブラリを使った結果をJupyterにインライン表示します。 まず、jupyterを動かしている環境にpy_d3というエクステンションを入れます。(https://github.com/ResidentM
![Jupyter notebookで動的なグラフを表示する。(D3.jsのインライン表示) - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/c716cda32a90c0ad3be773e565c0c882709f6f4a/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9SnVweXRlciUyMG5vdGVib29rJUUzJTgxJUE3JUU1JThCJTk1JUU3JTlBJTg0JUUzJTgxJUFBJUUzJTgyJUIwJUUzJTgzJUE5JUUzJTgzJTk1JUUzJTgyJTkyJUU4JUExJUE4JUU3JUE0JUJBJUUzJTgxJTk5JUUzJTgyJThCJUUzJTgwJTgyJUVGJUJDJTg4RDMuanMlRTMlODElQUUlRTMlODIlQTQlRTMlODMlQjMlRTMlODMlQTklRTMlODIlQTQlRTMlODMlQjMlRTglQTElQTglRTclQTQlQkElRUYlQkMlODkmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZzPTYyY2QxNzJkYzAxOGFmMDNhNGQ2MjY0NzMzZjY4ZmEx%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDB0ZHVhbCZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9ZDhhNDQyYzUyM2JjYWY0NzllNWQ0MjhjMDZjYjJkZDI%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D8d5561761f00e8823903b08b147ba187)