[JAVA] Affichez des graphiques dynamiques dans le bloc-notes Jupyter. (Affichage en ligne de D3.js)

Vous souhaitez souvent toucher les données dans Jupyter et afficher le graphique en ligne pour la visualisation. Souvent

%matplotlib inline

Je pense que cela suffit.

Cependant, il peut arriver que vous voyiez un graphique contenant trop de données à lire ou que vous souhaitiez voir un diagramme plus net. J'ai donc trouvé un moyen d'obtenir un beau graphique dynamique avec Jupyter, alors je l'ai essayé.

Veuillez d'abord voir la démo.

↓ Diagramme distribué qui peut être déplacé et agrandi / réduit d3.gif

↓ Diagramme graphique vous connectant aux personnes que vous suivez sur Twitter twitter8.gif

Plus précisément, le résultat de l'utilisation de D3.js (https://d3js.org/), une bibliothèque JavaScript spécialisée pour la visualisation de données, est affiché en ligne dans Jupyter.

Tout d'abord, placez une extension appelée py_d3 dans l'environnement où jupyter est en cours d'exécution. (Https://github.com/ResidentMario/py_d3)

pip install py_d3

Importez avec le notebook jupyter et chargez l'extension.

import py_d3
%load_ext py_d3

Ensuite, vous pouvez utiliser D3.js en ajoutant la magie %% d3 au début de la cellule.

%%d3

<g></g>

<script>
d3.select("g").text("Hello World");
</script>

Et lancez-le, Screenshot from 2017-02-20 19-11-11.png

C'est comme ça.

Il peut également lire des fichiers JS et CSS externes, donc si vous avez créé quelque chose dans le passé, vous pouvez l'exécuter immédiatement. Ceux qui ont utilisé D3.js peuvent imaginer ce qu'ils peuvent faire, mais ceux qui ne peuvent pas imaginer site officiel de D3.js et py_d3 github README. vous en donnera une idée. Vous pouvez faire plus que vous ne le pensez.

Recommended Posts

Affichez des graphiques dynamiques dans le bloc-notes Jupyter. (Affichage en ligne de D3.js)
Afficher les graphiques en ligne dans Jupyter Notebook
Afficher le HTML dans le notebook Jupyter
Spécification du navigateur Jupyter Notebook dans un environnement Windows
Dessiner une structure arborescente avec D3.js dans Jupyter Notebook
[Mémo] Afficher Jupyter Notebook sur PC dans une police de largeur égale (Mac)
Erreur de multitraitement dans Jupyter Notebook
Afficher le PDF sur Jupyter Notebook
Impossible d'afficher le tensorboard dans le notebook Jupyter sur Docker (résolu)
Gestion Git des différences de Jupyter Notebook (ipynb) dans JupyterLab pour une visualisation facile
Résolvez les caractères japonais brouillés dans matplotlib de Jupyter Notebook sur Docker
Affichage en temps réel de la vidéo acquise à partir de la caméra Web sur le notebook Jupyter (Python3)
Affichage de la forme d'onde audio en Python
Affichez simplement le fichier du notebook Jupyter
Graphiques Python séparés (mémo)
Fuite de mémoire dans Python Jupyter Lab (Notebook)?
Jupyter Notebook n'affiche pas le graphique matplotlib
Afficher une liste d'alphabets en Python 3
Comment exécuter des commandes avec Jupyter Notebook
Afficher le graphique de tensorBoard sur Jupyter
Vérification du GPU du PC sur le notebook Jupyter
Afficher l'histogramme / diagramme de dispersion sur Jupyter Notebook
Jupyter Notebook Principes d'utilisation
[Mémo Jupyter Notebook] Afficher les kanji avec matplotlib
Pour générer une valeur au milieu d'une cellule avec Jupyter Notebook
Un mémorandum expliquant comment exécuter la commande magique! Sudo dans Jupyter Notebook
Comment rendre la largeur de police du notebook jupyter mis dans pyenv égale