PyData.Tokyo Meetup #11 LT
-
Upload
drillan -
Category
Technology
-
view
1.105 -
download
2
Transcript of PyData.Tokyo Meetup #11 LT
![Page 1: PyData.Tokyo Meetup #11 LT](https://reader035.fdocuments.net/reader035/viewer/2022062311/587baa9f1a28ab81758b6c99/html5/thumbnails/1.jpg)
PythonでhighchartsPyData.Tokyo Meetup #11 LTdriller@patraqushe
![Page 2: PyData.Tokyo Meetup #11 LT](https://reader035.fdocuments.net/reader035/viewer/2022062311/587baa9f1a28ab81758b6c99/html5/thumbnails/2.jpg)
About me▷Twitter: @patraqushe略してどりらん▷おしごと : トレーダー最近、急に忙しくなりました
![Page 3: PyData.Tokyo Meetup #11 LT](https://reader035.fdocuments.net/reader035/viewer/2022062311/587baa9f1a28ab81758b6c99/html5/thumbnails/3.jpg)
fin-py発足▷10/25 fin-py決起会▷11/27 fin-pyもくもく会
finの人も pyの人も金融に興味があるかたは是非
![Page 4: PyData.Tokyo Meetup #11 LT](https://reader035.fdocuments.net/reader035/viewer/2022062311/587baa9f1a28ab81758b6c99/html5/thumbnails/4.jpg)
highchartsHighcharts makes it easy for developers to set up interactive charts in their web pages
![Page 5: PyData.Tokyo Meetup #11 LT](https://reader035.fdocuments.net/reader035/viewer/2022062311/587baa9f1a28ab81758b6c99/html5/thumbnails/5.jpg)
互換性▷iOSと Androidマルチタッチ・サポート、シームレスな操作性▷標準的なブラウザ
SVGによるレンダリング▷IE
VMLによるレンダリング
![Page 6: PyData.Tokyo Meetup #11 LT](https://reader035.fdocuments.net/reader035/viewer/2022062311/587baa9f1a28ab81758b6c99/html5/thumbnails/6.jpg)
ライセンス▷非商業目的には無償提供▷オープン
![Page 7: PyData.Tokyo Meetup #11 LT](https://reader035.fdocuments.net/reader035/viewer/2022062311/587baa9f1a28ab81758b6c99/html5/thumbnails/7.jpg)
ピュア JAVASCRIPT▷プラグイン不要▷2つの JSファイルだけで動作
![Page 8: PyData.Tokyo Meetup #11 LT](https://reader035.fdocuments.net/reader035/viewer/2022062311/587baa9f1a28ab81758b6c99/html5/thumbnails/8.jpg)
チャートタイプ▷折れ線グラフ▷スプライン曲線▷面グラフ▷エリアスプライン▷横棒グラフ▷縦棒グラフ▷散布図
▷ OHLC▷ローソク足▷エリアレンジ▷エリアスプラインレンジ
![Page 9: PyData.Tokyo Meetup #11 LT](https://reader035.fdocuments.net/reader035/viewer/2022062311/587baa9f1a28ab81758b6c99/html5/thumbnails/9.jpg)
レンジセレクタ▷時系列データを素早く表示▷時間範囲の選択
1か月、 1年、日付指定▷時間範囲のチャートをズーム
![Page 10: PyData.Tokyo Meetup #11 LT](https://reader035.fdocuments.net/reader035/viewer/2022062311/587baa9f1a28ab81758b6c99/html5/thumbnails/10.jpg)
ツールチップ・ラベル▷データ系列やポイントに関する情報をツールチップ・テキストで表示▷マウスをグラフの上に動かすと、ツールチップが表示
![Page 11: PyData.Tokyo Meetup #11 LT](https://reader035.fdocuments.net/reader035/viewer/2022062311/587baa9f1a28ab81758b6c99/html5/thumbnails/11.jpg)
エクスポートと印刷▷ボタンをクリックして指定のフォーマットでエクスポート
PNG、 JPG、 PDF、 SVG▷ウェブ・ページから直接チャートを印刷
![Page 12: PyData.Tokyo Meetup #11 LT](https://reader035.fdocuments.net/reader035/viewer/2022062311/587baa9f1a28ab81758b6c99/html5/thumbnails/12.jpg)
Why highcharts?
きれい かるい すごい
![Page 13: PyData.Tokyo Meetup #11 LT](https://reader035.fdocuments.net/reader035/viewer/2022062311/587baa9f1a28ab81758b6c99/html5/thumbnails/13.jpg)
きれい
![Page 14: PyData.Tokyo Meetup #11 LT](https://reader035.fdocuments.net/reader035/viewer/2022062311/587baa9f1a28ab81758b6c99/html5/thumbnails/14.jpg)
かるいサンプルデータ# 1000個のランダムなデータを 7つのグループに色分けして散布図を出力するimport numpy as npimport pandas as pd
num = 1000x, 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))
![Page 15: PyData.Tokyo Meetup #11 LT](https://reader035.fdocuments.net/reader035/viewer/2022062311/587baa9f1a28ab81758b6c99/html5/thumbnails/15.jpg)
かるい出力結果
matplotlib bokeh
plotlyhighcharts
![Page 16: PyData.Tokyo Meetup #11 LT](https://reader035.fdocuments.net/reader035/viewer/2022062311/587baa9f1a28ab81758b6c99/html5/thumbnails/16.jpg)
かるいベンチマーク時のバージョン
package version
Python 3.5.2
matplotlib 1.5.3
bokeh 0.12.2
plotly 1.12.9
python-highcharts 0.3.1
![Page 17: PyData.Tokyo Meetup #11 LT](https://reader035.fdocuments.net/reader035/viewer/2022062311/587baa9f1a28ab81758b6c99/html5/thumbnails/17.jpg)
かるいimport(初期化 )ありの場合
![Page 18: PyData.Tokyo Meetup #11 LT](https://reader035.fdocuments.net/reader035/viewer/2022062311/587baa9f1a28ab81758b6c99/html5/thumbnails/18.jpg)
かるいimport(初期化 )なしの場合
![Page 19: PyData.Tokyo Meetup #11 LT](https://reader035.fdocuments.net/reader035/viewer/2022062311/587baa9f1a28ab81758b6c99/html5/thumbnails/19.jpg)
爆速!!!
![Page 20: PyData.Tokyo Meetup #11 LT](https://reader035.fdocuments.net/reader035/viewer/2022062311/587baa9f1a28ab81758b6c99/html5/thumbnails/20.jpg)
すごい
スライドだと絵が動かないのでデモ
![Page 21: PyData.Tokyo Meetup #11 LT](https://reader035.fdocuments.net/reader035/viewer/2022062311/587baa9f1a28ab81758b6c99/html5/thumbnails/21.jpg)
Jupyterでhighchartsお手軽にきれいな可視化
![Page 22: PyData.Tokyo Meetup #11 LT](https://reader035.fdocuments.net/reader035/viewer/2022062311/587baa9f1a28ab81758b6c99/html5/thumbnails/22.jpg)
htmlマジック▷Jupyter notebookのセル上に JSを書く▷IPython.display.HTMLで上記のJSを描画参考サイト
http://sinhrks.hatenablog.com/entry/2015/06/13/195344
![Page 23: PyData.Tokyo Meetup #11 LT](https://reader035.fdocuments.net/reader035/viewer/2022062311/587baa9f1a28ab81758b6c99/html5/thumbnails/23.jpg)
python-highcharts▷JSを使わずに Pythonで書ける▷htmlに saveできる▷Jupyter notebook上に出力できる
![Page 24: PyData.Tokyo Meetup #11 LT](https://reader035.fdocuments.net/reader035/viewer/2022062311/587baa9f1a28ab81758b6c99/html5/thumbnails/24.jpg)
pandas_highcharts▷pandasの DataFrameをhighchartsの json形式に変換
▷Jupyter notebookに出力できる▷テンプレートに組み込める
![Page 25: PyData.Tokyo Meetup #11 LT](https://reader035.fdocuments.net/reader035/viewer/2022062311/587baa9f1a28ab81758b6c99/html5/thumbnails/25.jpg)
まとめ▷highartsできれいにかるくすごいグラフが書ける▷でも JS書かなきゃいけないんでしょ?▷いゃいゃ、 Pythonで書けますよ!
![Page 26: PyData.Tokyo Meetup #11 LT](https://reader035.fdocuments.net/reader035/viewer/2022062311/587baa9f1a28ab81758b6c99/html5/thumbnails/26.jpg)
ご清聴ありがとうございました