Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
可視化ライブラリでWebツールを作ってみた
Search
yujikawa
December 20, 2017
Technology
2
450
可視化ライブラリでWebツールを作ってみた
Pythonのdashを使った可視化ツールのお話です。
yujikawa
December 20, 2017
Tweet
Share
More Decks by yujikawa
See All by yujikawa
大問題を解決する
yujikawa
1
150
Airflowの話/about airflow
yujikawa
0
230
FastAPIに入門してみた/fastAPI
yujikawa
0
500
Jupyterでダッシュボードを簡単に作る!
yujikawa
2
820
私がUXの大切さを知った瞬間/uxjam_kitaq_1
yujikawa
0
82
AngularDart
yujikawa
1
290
Introduce Flutter
yujikawa
0
330
グロースハック完全読本を読んでみた
yujikawa
0
530
rumpsを使って簡単な常駐アプリを作る
yujikawa
0
340
Other Decks in Technology
See All in Technology
eBPFのこれまでとこれから
yutarohayakawa
10
3.2k
Road to Single Activity
yurihondo
2
240
『GRANBLUE FANTASY: Relink』最高の「没入感」を実現するカットシーン制作手法とそれを支える技術
cygames
1
140
言葉は感情の近似値である。その感情と言葉の誤差を最小化しよう ~コミュニケーションにおけるアナログ/デジタル変換の課題に立ち向かう~
nktamago
0
230
忙しい人のためのLangGraph概要まとめ
__ymgc__
1
190
学術機関におけるID連携とOpenID Connect
fujie
0
280
実務における脅威モデリングを考えよう
nikinusu
0
670
自作Cコンパイラ 8時間の奮闘
soukouki
0
850
Privacy Sandbox on Android / DroidKaigi 2024
7pairs
1
270
たった1人からはじめる【Agile Community of Practice】~ソース原理とFearless Changeを添えて~
ktc_corporate_it
1
500
タイミーのレコメンドにおける ABテストの運用
ozeshun
1
180
フルカイテン株式会社 採用資料
fullkaiten
0
32k
Featured
See All Featured
Build your cross-platform service in a week with App Engine
jlugia
228
18k
Happy Clients
brianwarren
96
6.6k
Optimising Largest Contentful Paint
csswizardry
31
2.8k
WebSockets: Embracing the real-time Web
robhawkes
59
7.3k
A Philosophy of Restraint
colly
202
16k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
109
6.9k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
28
1.6k
How STYLIGHT went responsive
nonsquared
93
5.1k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
41
6.5k
Testing 201, or: Great Expectations
jmmastey
36
7k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
123
18k
How GitHub Uses GitHub to Build GitHub
holman
472
290k
Transcript
ՄࢹԽϥΠϒϥϦͰ 8FCπʔϧΛ࡞ͬͯΈͨ 1Z'VLVPLB Ώ͔͡Θ!ZVKJLBXB@QZ
ࣗݾհ w ໊લ w ্༞࢘ Ώ͔͡Θ w ॴଐ w
ΧϥϏφςΫϊϩδʔ w ৬छ w όοΫΤϯυΤϯδχΞ w 5XJUUFS w !ZVKJLBXB@QZ w ࠷ۙ&MJYJS͍ͬͯ·͢
ڵຯΛ࣋ͬͨํ8BOUFEMZͰਃ͠ࠐΈΛ͓ئ͍͠·͢ʂ
͋Δͷ͜ͱʜ ຖ݄ɺΈΜͳͷੜ ࢈ੑଌΓ͍͔ͨΒ։ൃͷ ༧࣮ใ͘ΕΑ ++*3"Ͱཧͯ͠ ͍ΔͷͰग़͠·͢ʂ
͍ͭͳΒ w +*3"ͷϨϙʔτػೳΛ͏ w +*3"ͷ$47ग़ྗػೳͰࢉग़ ͜͜ΤϯδχΞͬΆ͘ πʔϧΛ࡞ͬͯΈΑ͏ʜ
Γ͍ͨ͜ͱ w +*3"͔ΒνέοτΛऔಘ w ݄͝ͱͷݸਓͷ༧࣮ใऔಘ w ຖͷνʔϜ༧࣮ใऔಘ w ՄࢹԽϥΠϒϥϦͰάϥϑΛඳը w
݄͝ͱͷݸਓͷ༧࣮ใˠάϥϑ w ຖͷνʔϜ༧࣮ใˠંΕઢάϥϑ
༻ͨ͠ϥΠϒϥϦ w +*3"͔ΒνέοτΛऔಘ w KJSB w ՄࢹԽϥΠϒϥϦͰάϥϑΛඳը w EBTI
+*3"ͷใऔಘ w +*3"ͷใΛऔಘ͢Δઐ༻ͷϥΠϒϥϦ͕͋Γ·͢ w IUUQTKJSBSFBEUIFEPDTJPFONBTUFS w Πϯετʔϧํ๏ w QJQJOTUBMMKJSB ؆୯ʂʂ
σʔλՄࢹԽϥΠϒϥϦ w %BTICZQMPUZʢIUUQTQMPUMZQSPEVDUTEBTIʣ w 1ZUIPOͷΈͰάϥϑͷՄࢹԽ͕Ͱ͖Δπʔϧ w QMPUZKT 3FBDUKT 'MBTLͳͲͰߏ͞Ε͍ͯΔ
%BTIͷΠϯετʔϧ ެࣜαΠτʹैͬͯΠϯετʔϧ͠·͢ɻ pip install dash==0.19.0 # The core dash backend
pip install dash-renderer==0.11.1 # The dash front-end pip install dash-html-components==0.8.0 # HTML components pip install dash-core-components==0.15.2 # Supercharged components pip install plotly --upgrade # Plotly graphing library used in examples ͜ΕͰ͋ͱPython͚ͩͰϓϩάϥϛϯάʂԼهͷΑ͏ͳάϥϑΛ࡞ΕΔʂ
%BTIαϯϓϧίʔυ import dash import dash_core_components as dcc import dash_html_components as
html app = dash.Dash() app.layout = html.Div(children=[ html.H1(children='Hello Dash'), html.Div(children=''' Dash: A web application framework for Python. '''), dcc.Graph( id='example-graph', figure={ 'data': [ {'x': [1, 2, 3], 'y': [4, 1, 2], 'type': 'bar', 'name': 'SF'}, {'x': [1, 2, 3], 'y': [2, 4, 5], 'type': 'bar', 'name': u'Montréal'}, ], 'layout': { 'title': 'Dash Data Visualization' } } ) ]) if __name__ == '__main__': app.run_server(debug=True)
࡞ͬͨͷ Λೖྗͯ͠ૹ৴͢Δͱ ͦͷظؒͷνέοτใΛ औಘूܭΛߦ͍ඳը͢Δ IUUQTHJUIVCDPNZVKJLBXBKJSBEBTI
·ͱΊ %BTI׳ΕΔͷʹͪΐͬͱ͕࣌ؒඞཁɻ·ͨ+BWB4DSJQU ઈରॻ͖ͨ͘ͳ͍ͱ͍͏1ZUIPOJTUʹ͓͢͢Ίɻ ͦ͏͡Όͳ͍ਓ%KTDIBSUKTͳͲ͍Ζ͍Ζ͋Γ·͢ͷ ͰͦͪΒΛͬͨํ͕ྑ͍͔͠Ε·ͤΜɻ +BWB4DSJQUͷษڧ͍ͨ͠ํʜʜʜ
+BWB4DSJQUΛ͍ͬͯΔٕज़ऀಉ͕࢜ަྲྀͰ͖Δ ίϛϡχςΟΛฐࣾͷϑϩϯτϝϯόʔ͕࡞Γ·ͨ͠ ॳճΠϕϯτʢۚʣ ਃࠐઌɿIUUQTGVLVPLBKTDPOOQBTTDPNFWFOU
ͪͳΈʹ ʮ1ZUIPOϥΠϒϥϦΛ&MJYJSͰ։ൃͯ͠Έͨʯͱ͍͏ςʔϚͰൃද͠·͢
͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠