Brythonからplotlyを使う

概要

Brythonでplotlyを使ってみます。

plotlyのPython APIはpipでのインストールが必要なのでBrythonでは使えません。そこでBrythonのJavaScriptのライブラリをロードする機能を使って、plotlyのjsをCDNから持ってきて使います。

BrythonのCDNからのロードの仕方

browser.loadでJavaScriptライブラリをロードすることができます。ロードしたライブラリはbrowser.windowの子オブジェクトのようにアクセスすることができます（公式ドキュメント https://brython.info/static_doc/en/browser.html より）。

ソース

plotlyの公式サンプルのようなものを試しで使ってみます。

import browser

browser.load("https://cdn.plot.ly/plotly-2.4.2.min.js")
Plotly = browser.window.Plotly

# htmlに下記のようにグラフ領域を確保しておく
# <div id="tester" style="width:600px;height:250px;"></div>

TESTER = browser.document["tester"]

Plotly.newPlot(TESTER,
               [
                   {"x": [1, 2, 3, 4, 5],
                    "y": [1, 4, 9, 16, 25],
                    }],
               {"margin": {"t": 0}})

これを開くと下記のようなグラフが描画されます。

多少は詰まるかと思ってましたが、あっさりできたので少しびっくりしました。