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
510
可視化ライブラリでWebツールを作ってみた
Pythonのdashを使った可視化ツールのお話です。
yujikawa
December 20, 2017
Tweet
Share
More Decks by yujikawa
See All by yujikawa
Tauriでデスクトップアプリを作る with ChatGPT
yujikawa
0
110
データ品質について考えてみた
yujikawa
0
240
大問題を解決する
yujikawa
1
180
Airflowの話/about airflow
yujikawa
0
240
FastAPIに入門してみた/fastAPI
yujikawa
0
580
Jupyterでダッシュボードを簡単に作る!
yujikawa
2
950
私がUXの大切さを知った瞬間/uxjam_kitaq_1
yujikawa
0
94
AngularDart
yujikawa
1
320
Introduce Flutter
yujikawa
0
390
Other Decks in Technology
See All in Technology
Yahoo!ショッピングのレコメンデーション・システムにおけるML実践の一例
lycorptech_jp
PRO
1
210
会社紹介資料 / Sansan Company Profile
sansan33
PRO
16
410k
僕、S3 シンプルって名前だけど全然シンプルじゃありません よろしくお願いします
yama3133
1
220
マルチプレーンGPUネットワークを実現するシャッフルアーキテクチャの整理と考察
markunet
2
250
AI駆動AI普及活動 ~ 社内AI活用の「何から始めれば?」をAIで突破する
oracle4engineer
PRO
1
100
フロントエンド刷新 4年間の軌跡
yotahada3
0
430
Go標準パッケージのI/O処理をながめる
matumoto
0
210
楽しく学ぼう!ネットワーク入門
shotashiratori
4
3.3k
GCASアップデート(202601-202603)
techniczna
0
150
楽しく学ぼう!ネットワーク入門
shotashiratori
1
390
Oracle Cloud Infrastructure IaaS 新機能アップデート 2025/12 - 2026/2
oracle4engineer
PRO
0
140
マルチアカウント環境でSecurity Hubの運用!導入の苦労とポイント / JAWS DAYS 2026
genda
0
720
Featured
See All Featured
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
47
8k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
10
1.1k
Making Projects Easy
brettharned
120
6.6k
Agile Actions for Facilitating Distributed Teams - ADO2019
mkilby
0
150
Typedesign – Prime Four
hannesfritz
42
3k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
31
3.1k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
Navigating Team Friction
lara
192
16k
Prompt Engineering for Job Search
mfonobong
0
190
My Coaching Mixtape
mlcsv
0
73
Facilitating Awesome Meetings
lara
57
6.8k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
38
2.8k
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Ͱ։ൃͯ͠Έͨʯͱ͍͏ςʔϚͰൃද͠·͢
͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠