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
520
2
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
可視化ライブラリでWebツールを作ってみた
Pythonのdashを使った可視化ツールのお話です。
yujikawa
December 20, 2017
More Decks by yujikawa
See All by yujikawa
Tauriでデスクトップアプリを作る with ChatGPT
yujikawa
0
150
データ品質について考えてみた
yujikawa
0
290
大問題を解決する
yujikawa
1
190
Airflowの話/about airflow
yujikawa
0
260
FastAPIに入門してみた/fastAPI
yujikawa
0
610
Jupyterでダッシュボードを簡単に作る!
yujikawa
2
980
私がUXの大切さを知った瞬間/uxjam_kitaq_1
yujikawa
0
100
AngularDart
yujikawa
1
320
Introduce Flutter
yujikawa
0
410
Other Decks in Technology
See All in Technology
Introduction to Bill One Development Engineer
sansan33
PRO
0
480
マイナンバーカード本人確認の実装比較(OAuth/OIDC Numa (Immersion) Workshop 2026) / 20260825 numa-12
oidfj
PRO
0
340
AIレビュー時代に必要なのは、SLOで引く撤退ライン
nobuoooo
0
150
研究開発部の紹介 / Sansan R&D Profile
sansan33
PRO
4
24k
1000⼈規模のClaude Enterprise運⽤を「Oktaのグループ」と「Slack」に集約する
sansantech
PRO
1
500
Distributed Transactions Under Fire: Building a Zero-Oversell Flash Sale Platform with Amazon Aurora DSQL
yama3133
1
110
指示待ちから変化に応じるClaude Codeへ!~環境からAgentへの帰り道を作る~
gotalab555
8
1.6k
Contract One Engineering Unit 紹介資料
sansan33
PRO
0
20k
EMの役割で 変わったこと・変わらなかったこと
sansantech
PRO
1
190
型落ちシンクライアント端末のPoEモジュールを自作したかった話
logica0419
0
510
会計事務所と顧問先の契約関係をOIDC・OAuthで表現する
terara
0
490
internal/testlog で遊ぼう
rokuosan
0
340
Featured
See All Featured
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
287
14k
How People are Using Generative and Agentic AI to Supercharge Their Products, Projects, Services and Value Streams Today
helenjbeal
1
290
The SEO Collaboration Effect
kristinabergwall1
1
530
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
141
35k
Deep Space Network (abreviated)
tonyrice
0
270
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
230
23k
Git: the NoSQL Database
bkeepers
PRO
432
67k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
31
3.3k
A brief & incomplete history of UX Design for the World Wide Web: 1989–2019
jct
2
490
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
helenjbeal
1
370
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.8k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
133
19k
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Ͱ։ൃͯ͠Έͨʯͱ͍͏ςʔϚͰൃද͠·͢
͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠