[PYTHON] Zeigen Sie dynamische Diagramme im Jupyter-Notizbuch an. (Inline-Anzeige von D3.js)

Sie möchten häufig die Daten in Jupyter berühren und das Diagramm zur Visualisierung inline anzeigen. Häufig

%matplotlib inline

Ich denke das ist genug.

Es kann jedoch vorkommen, dass Sie ein Diagramm sehen, das zu viele Daten zum Lesen enthält, oder dass Sie ein übersichtlicheres Diagramm anzeigen möchten. Also habe ich einen Weg gefunden, mit Jupyter ein schönes dynamisches Diagramm zu erstellen, also habe ich es versucht.

Bitte sehen Sie zuerst die Demo.

↓ Verteiltes Diagramm, das verschoben und vergrößert / verkleinert werden kann d3.gif

↓ Diagramm, das Sie mit Personen verbindet, denen Sie auf Twitter folgen twitter8.gif

Insbesondere das Ergebnis der Verwendung von D3.js (https://d3js.org/), einer auf Datenvisualisierung spezialisierten JavaScript-Bibliothek, wird in Jupyter inline angezeigt.

Fügen Sie zunächst eine Erweiterung mit dem Namen py_d3 in die Umgebung ein, in der jupyter ausgeführt wird. (Https://github.com/ResidentMario/py_d3)

pip install py_d3

Importieren Sie mit Jupyter Notebook und laden Sie die Erweiterung.

import py_d3
%load_ext py_d3

Dann können Sie D3.js verwenden, indem Sie das magische %% d3 am Anfang der Zelle hinzufügen.

%%d3

<g></g>

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

Und lass es laufen, Screenshot from 2017-02-20 19-11-11.png

Es ist so.

Es kann auch externe JS-Dateien und CSS lesen. Wenn Sie also in der Vergangenheit etwas erstellt haben, können Sie es sofort ausführen. Diejenigen, die D3.js verwendet haben, können sich vorstellen, was sie tun können, aber diejenigen, die dies nicht tun, können sich D3.js offizielle Website und py_d3 github README. gibt Ihnen ein Gefühl dafür. Sie können mehr als Sie denken.

Recommended Posts

Zeigen Sie dynamische Diagramme im Jupyter-Notizbuch an. (Inline-Anzeige von D3.js)
Zeigen Sie Diagramme inline in Jupyter Notebook an
HTML in Jupyter-Notizbuch anzeigen
Angeben des Jupyter Notebook-Browsers in einer Windows-Umgebung
Zeichnen einer Baumstruktur mit D3.js in Jupyter Notebook
[Memo] Anzeige des Jupyter-Notizbuchs auf dem PC in gleicher Schrift (Mac)
Mehrfachverarbeitungsfehler in Jupyter Notebook
PDF auf Jupyter Notebook anzeigen
Tensorboard im Jupyter-Notebook auf Docker kann nicht angezeigt werden (gelöst)
Git-Management von Jupyter Notebook (ipynb) Unterschieden in JupyterLab für einfache Anzeige
Löse verstümmelte japanische Zeichen in matplotlib von Jupyter Notebook auf Docker
Echtzeitanzeige von Videos, die von einer Webkamera auf einem Jupyter-Notebook (Python3) aufgenommen wurden
Audio-Wellenform-Anzeige in Python
Zeigen Sie einfach die Jupyter-Notizbuchdatei an
Separate Python-Diagramme (Memo)
Speicherverlust im Python Jupyter Lab (Notebook)?
Jupyter Notebook zeigt kein Matplotlib-Diagramm an
Zeigen Sie eine Liste der Alphabete in Python 3 an
So führen Sie Befehle mit einem Jupyter-Notebook aus
Zeigen Sie das Diagramm von tensorBoard auf jupyter an
PC-GPU-Prüfung am Jupyter-Notebook
Histogramm / Streudiagramm auf Jupyter Notebook anzeigen
Jupyter Notebook Grundlagen der Verwendung
[Jupyter Notebook Memo] Kanji mit Matplotlib anzeigen
So geben Sie mit Jupyter Notebook einen Wert in der Mitte einer Zelle aus
Ein Memorandum zur Ausführung des Befehls! Sudo magic in Jupyter Notebook
So stellen Sie die Schriftbreite des in pyenv eingegebenen Jupyter-Notizbuchs gleich