Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up
for free
わかりやすいグラフを作ろう
Yoshihide Jimbo
October 06, 2018
Design
3
610
わかりやすいグラフを作ろう
ng-kyoto Angular Meetup #8 での LT発表資料です。
https://ng-kyoto.connpass.com/event/100685/
Yoshihide Jimbo
October 06, 2018
Tweet
Share
More Decks by Yoshihide Jimbo
See All by Yoshihide Jimbo
jmblog
29
20k
jmblog
8
3.9k
jmblog
20
4.9k
jmblog
10
2.6k
jmblog
29
4.8k
jmblog
25
3.8k
jmblog
39
8.2k
jmblog
31
5.5k
jmblog
53
7.8k
Other Decks in Design
See All in Design
benace75
0
260
theorangebird01
0
190
jayster5678
0
510
misty_marsden
PRO
0
150
jonoda
1
290
lily2251390
0
300
isawiitch
0
210
gillianhei
0
180
tessaabrams
0
990
ajstarks
1
1k
mmueno
0
880
lily2251390
0
450
Featured
See All Featured
caitiem20
308
17k
reverentgeek
167
7.3k
bkeepers
408
58k
bermonpainter
342
26k
geoffreycrofte
21
940
chriscoyier
145
20k
shpigford
165
19k
holman
447
130k
colly
66
3k
tanoku
258
24k
maggiecrowley
10
510
tanoku
86
8.6k
Transcript
Θ͔Γ͍͢άϥϑΛ࡞Ζ͏ OHLZPUP"OHVMBS.FFUVQc0DU
ҙɿ"OHVMBSͷҰग़͖ͯ·ͤΜ
ਆอՅल !KNCMPH ͡Μ΅ɹΑ͠ͻͰ
None
None
Θ͔Γ͍͢άϥϑΛ࡞Δͷɺҙ֎ͱ͍͠
σʔλ άϥϑ Τϯίʔυ ޮՌతͳΤϯίʔσΟϯάͷςΫχοΫΛ ͓ͬͯ͘͜ͱ͕େ
Θ͔Γ͍͢άϥϑΛ࡞͢ΔͨΊͷखॱ ԿΛ͍͑ͨͷ͔໌֬ʹ͢Δ ΘΓ͍͢දݱΛબͿ ݟӫ͑ΛσβΠϯ͢Δ
Θ͔Γ͍͢άϥϑΛ࡞͢ΔͨΊͷखॱ ԿΛ͍͑ͨͷ͔໌֬ʹ͢Δ ΘΓ͍͢දݱΛબͿ ݟӫ͑ΛσβΠϯ͢Δ
Α͋͘Δέʔε ۤ࿑ͯ͠ใΛಡΈऔΒͳ͚ΕͳΒͳ͍άϥϑ ͍͑ͨ͜ͱʹϑΥʔΧεͰ͖͍ͯͳ͍ɻ ݴ͍͍ͨ͜ͱ͕Θ͍ͬͯͳ͍ɻ
͍͑ͨʮϝοηʔδʯΛ͔ͭͭʹߜΓࠐΉɻ ͜ΕΛΘ͔Γ͑͘͢Δ͜ͱʹϑΥʔΧε͢Δ 1PXFS1PJOUΛ։͘લʹ
Θ͔Γ͍͢άϥϑΛ࡞͢ΔͨΊͷखॱ ԿΛ͍͑ͨͷ͔໌֬ʹ͢Δ ΘΓ͍͢දݱΛબͿ ݟӫ͑ΛσβΠϯ͢Δ
None
͏ͷආ͚͍ͨάϥϑ ԁάϥϑ %άϥϑ ࣠άϥϑ ಡΈʹ͍͘ ͕ࠩݟ͚ͮΒ͍ ಡΈʹ͍͘ ͕ࠩݟ͚ͮΒ͍ ࠨӈʹॎ͕࣠͋Δͱ ಡΈʹ͘͘
͕͔͔࣌ؒΔ
ͬͯ҆৺ͳجຊͷάϥϑ άϥϑ άϥϑ ઢάϥϑ ࢄਤ ॎάϥϑ ԣάϥϑ ੵΈ্͛άϥϑ ંΕઢάϥϑ εϩʔϓάϥϑ
Θ͔Γ͍͢άϥϑΛ࡞͢ΔͨΊͷखॱ ԿΛ͍͑ͨͷ͔໌֬ʹ͢Δ ΘΓ͍͢දݱΛબͿ ݟӫ͑ΛσβΠϯ͢Δ
ෆඞཁͳཁૉΛऔΓͷͧ͘ ૬खͷҙΛແҙࣝతʹͻ͖͚ͭΔ ৺͕͚Δ͖ͭͷϙΠϯτ
ਅͬനͳը໘ʹཁૉΛͭՃ͢Δ͝ͱʹɺ ೝతෛՙ૿͍͑ͯ͘ɻ ඞཁ࠷খݶ·ͰɺཁૉΛऔΓͷ͍͍ͧͯ͘ɻ ෆඞཁͳཁૉΛऔΓͷͧ͘
None
None
૬ख͕ʮೝࣝ͢Δલʯʹݟ͍ͤͨͷΛݟͤΔ ࢹઢͷಈ͖Λҙࣝͯ͠ཁૉΛஔ͢Δ ૬खͷҙΛແҙࣝతʹͻ͖͚ͭΔ
ʮʯͷΛ͍͑ͯͩ͘͞
ҙࣝతʹݟΑ͏ͱ͠ͳͯ͘ɺ ʮʯ͕ࣗવͱʹඈͼࠐΜͰ͖·ͤΜͰ͔ͨ͠ʁ
ແҙࣝతࢹ֮ใ QSFBUUFOUJWFBUUSJCVUFT c ͖ ܗ ઢͷ͞ ઢͷ෯ αΠζ ۂ Ճ
ғΈ ৭ ೱ͞ Ґஔ ಈ͖
ਓ ʮ;ܕʯʹ ࢹઢΛ ಈ͔͢
5IFUJUMFJTJNQPSUBOU 5IFOPUFUFYUJTOPUTPJNQPSUBOU
࣮ફྫ
ԿΛ͍͑ͨͷ͔໌֬ʹ͢Δ
ԿΛ͑Δ͔ աڈؒͷେࡕࢢͷؾσʔλΛੳͨ݁͠Ռɺ ͕࠷ଳͷଟ͍ͩͬͨ͜ͱ͕Θ͔ͬͨɻ ಛʹͱൺֱ͢Δͱഒͷ͕ࠩ͋ͬͨɻ ͜ͷΛ͑Δɻ
ଳͷ
ΘΓ͍͢දݱΛબͿ
දΛ͏ͷ͋Γ ଳͷ
͜ͷఔͷσʔλͰ͋Εѱ͘ͳ͍ɻ ʮແҙࣝతࢹ֮ใʯΛར༻͢Εɺ Θ͔Γ͑͘͢ΒΕΔɻ ͨͩ͠ɺ΄͔ͷͱͲΕ͙Β͍ͷ͕ࠩ ͋ͬͨͷ͔ɺදΛʮಡΉʯඞཁ͕͋Γ ͕͔͔࣌ؒΔɻ
ંΕઢάϥϑʹͯ͠ΈΔ ؒͷมԽͷΛ͍͑ͨͷͰ͋Ε ͪΐ͏Ͳ͍͍ɻ ͨͩ͠ɺͲΕ͕࠷େ͖͘ɺ ͲΕ͕࠷খ͍͞ͷ͔ͱ͍͏͜ͱʹ ϑΥʔΧε͍ͤͨ͞߹ʹ ͋·Γ͍͍ͯͳ͍ɻ
ॎάϥϑʹͯ͠ΈΔ
ͲΕ͕࠷େ͖͘ɺͲΕ͕࠷খ͍͔͞ɺ ೝ͍ࣝ͢͠͠ɺ͝ͱͷࠩ ͻͱͰ͔Δɻ
ԣάϥϑʹͯ͠ΈΔ ॎάϥϑͱಉ༷ɺͪ͜ΒΘ͔Γ͍͢ɻ ͞Βʹʮ;ܕʯͷࢹઢͷಈ͖Λߟ͑Δͱɺ ·ͣϥϕϧʢʣΛݟͯɺͦΕ͔ΒσʔλΛ ݟΔͷͰɺॎάϥϑΑΓಡΈ͍͢ɻ ʢॎάϥϑͷ߹ɺ্ԼʹΛಈ͔ͯ͠ σʔλͱϥϕϧΛݟൺΔඞཁ͕͋Δɻʣ ࠓճ͜ΕΛ࠾༻ɻ
ݟӫ͑ΛσβΠϯ͢Δ
ෆඞཁͳཁૉΛऔΓͷ͍͍ͧͯ͘
աڈؒͷେࡕࢢͷଳͷ
աڈؒͷେࡕࢢͷଳͷ
৭Λͳ͘͢ʢάϨʔεέʔϧʹ͢Δʣ
աڈؒͷେࡕࢢͷଳͷ
ғΈઢͱܩઢΛফ͢
աڈؒͷେࡕࢢͷଳͷ
9࣠ͷϥϕϧΛফ͢
૬खͷҙΛແҙࣝతʹͻ͖͚ͭΔ
λΠτϧΛࠨ্ʹஔ͍ͯڧௐ͢Δ աڈؒͷେࡕࢢͷଳͷ
ʮ৭ʯͰҙΛҾ͖͚ͭΔ աڈؒͷେࡕࢢͷଳͷ
ݟͯ΄͍͠ʹ͚ͩΛදࣔ͢Δ աڈؒͷେࡕࢢͷଳͷ
աڈؒͷେࡕࢢͷଳͷ
मਖ਼લ
मਖ਼ޙ
աڈؒͷେࡕࢢͷଳͷ
·ͱΊ
ʮσʔλΛͨͩݟͤΔ͚ͩʯͰऴΘΒͳ͍άϥϑΛ࡞Ζ͏