Pythonでhighcharts

1. Pythonでhighcharts
PyData.Tokyo Meetup #11 LT
driller@patraqushe

2. About me
▷Twitter: @patraqushe
略してどりらん
▷おしごと: トレーダー
最近、急に忙しくなりました

3. fin-py発足
▷10/25 fin-py決起会
▷11/27 fin-pyもくもく会
finの人もpyの人も
金融に興味があるかたは是非

4. highcharts
Highcharts makes it easy for developers to set up
interactive charts in their web pages

5. 互換性
▷iOSとAndroid
マルチタッチ・サポート、
シームレスな操作性
▷標準的なブラウザ
SVGによるレンダリング
▷IE
VMLによるレンダリング

6. ライセンス
▷非商業目的には無償提供
▷オープン

7. ピュアJAVASCRIPT
▷プラグイン不要
▷2つのJSファイルだけで動作

8. チャートタイプ
▷ 折れ線グラフ
▷ スプライン曲線
▷ 面グラフ
▷ エリアスプライン
▷ 横棒グラフ
▷ 縦棒グラフ
▷ 散布図
▷ OHLC
▷ ローソク足
▷ エリアレンジ
▷ エリアスプラインレン
ジ

9. レンジセレクタ
▷時系列データを素早く表示
▷時間範囲の選択
1か月、1年、日付指定
▷時間範囲のチャートをズーム

10. ツールチップ・ラベル
▷データ系列やポイントに関する情
報をツールチップ・テキストで表
示
▷マウスをグラフの上に動かすと、
ツールチップが表示

11. エクスポートと印刷
▷ボタンをクリックして指定のフォ
ーマットでエクスポート
PNG、JPG、PDF、SVG
▷ウェブ・ページから直接チャート
を印刷

12. Why highcharts?
きれい かるい すごい

13. きれい

14. かるい
サンプルデータ
# 1000個のランダムなデータを7つのグループに色分けして
散布図を出力する
import numpy as np
import pandas as pd
num = 1000
x, y = np.random.random((2, num))
labels = np.random.choice(['a', 'b', 'c', 'e', 'f', 'g', 'h'], num)
df = pd.DataFrame(dict(x=x, y=y, label=labels))

15. かるい
出力結果
matplotlib bokeh
plotly
highcharts

16. かるい
ベンチマーク時のバージョン
package version
Python 3.5.2
matplotlib 1.5.3
bokeh 0.12.2
plotly 1.12.9
python-highcharts 0.3.1

17. かるい
import(初期化)ありの場合

18. かるい
import(初期化)なしの場合

19. 爆速！！！

20. すごい
スライドだと
絵が動かないのでデモ

21. Jupyterで
highcharts
お手軽にきれいな可視化

22. htmlマジック
▷Jupyter notebookのセル上にJSを
書く
▷IPython.display.HTMLで上記のJS
を描画
参考サイト
http://sinhrks.hatenablog.com/entry/
2015/06/13/195344

23. python-highcharts
▷JSを使わずにPythonで書ける
▷htmlにsaveできる
▷Jupyter notebook上に出力できる

24. pandas_highcharts
▷pandasのDataFrameをhighcharts
のjson形式に変換
▷Jupyter notebookに出力できる
▷テンプレートに組み込める

25. まとめ
▷highartsできれいにかるくすごい
グラフが書ける
▷でもJS書かなきゃいけないんでし
ょ？
▷いゃいゃ、Pythonで書けますよ！

26. ご清聴
ありがとうございました