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
JavaScriptによるデータビジュアライズのためのライブラリ「D3.js」
Search
Yuichi Yazaki
March 08, 2014
Design
0
690
JavaScriptによるデータビジュアライズのためのライブラリ「D3.js」
Open DATA METI ヴィジュアライズソンで発表した資料です。
http://peatix.com/event/29698
Yuichi Yazaki
March 08, 2014
Tweet
Share
More Decks by Yuichi Yazaki
See All by Yuichi Yazaki
Data visualization to expand your skills as a creator
n1n9
0
220
世界の行政機関 情報可視化 事例
n1n9
0
2.1k
コロナ禍におけるデータ可視化
n1n9
2
180
発信者主体の情報可視化作品作りにおけるスケッチの行い方考察
n1n9
2
670
残された我々のための「データ・ヒューマニティ」
n1n9
6
1.7k
Open Data Day logo generator
n1n9
0
200
データビジュアライゼーション講習のご案内
n1n9
0
260
IxDA Tokyo #3 Community Talk: Dissolving boundaries, building connections.
n1n9
0
1.1k
ハッカーズチャンプルー2017「データ・ビジュアライゼーションによる 地域や社会との関わり方」
n1n9
0
1.1k
Other Decks in Design
See All in Design
Les petites aventures de CSS, saison 2025
goetter
3
3.9k
FANCL×CA流アプリリニューアルPJ 成功の秘訣とそのプロセス / dx-fancl-renewal
cyberagentdevelopers
PRO
2
810
ENEOS社事例|アプリ事業を加速させるデザイナーの取り組み / dx-eneos-design
cyberagentdevelopers
PRO
1
820
志ある事業の種を社会に開花させるための挑戦/ Designship2024_Nishimura
root_recruit
0
260
Dive Deep into Communication
yomtsu
0
210
Generating Momentum | Yasuhiro Yokota
yasuhiroyokota
0
230
2024/11/25 ReDesigner Online Meetup 会社紹介
cybozuinsideout
PRO
0
370
Where to Start with a Design System Across Different Frontend Frameworks | SpectrumTokyoMeetup#15
tararira
0
140
共創するのはモノではなく価値 ── 日本の「はたらく」を変える挑戦 / Designship2024 MainStage
visional_engineering_and_design
1
720
プロダクトデザイナー視点から見た チームでの意思決定の難しさと 重要ポイント3点
kei141
0
610
Дизайн услуги через её визуализацию с Картой процесса-опыта
ashapiro
0
230
発表資料テンプレート / My slide template
thatblue
0
200
Featured
See All Featured
Git: the NoSQL Database
bkeepers
PRO
427
64k
A Modern Web Designer's Workflow
chriscoyier
693
190k
The Cult of Friendly URLs
andyhume
78
6.2k
Faster Mobile Websites
deanohume
306
31k
A Philosophy of Restraint
colly
203
16k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
Making the Leap to Tech Lead
cromwellryan
133
9.1k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
6
540
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
7k
Building Your Own Lightsaber
phodgson
104
6.2k
Thoughts on Productivity
jonyablonski
69
4.5k
Designing for humans not robots
tammielis
250
25k
Transcript
%KT +BWB4DSJQUʹΑΔσʔλϏδϡΞϥΠζ ͷͨΊͷϥΠϒϥϦ
Σϒඪ४ͱྑ͠ w %PDVNFOU0CKFDU.PEFMɺ4FMFDUPST"1*ɺ 47(ɺ$44 σβΠϯελΠϦϯάʹޱग़͠͠ͳ͍ w %ϏδϡΞϥΠθʔγϣϯͷͨΊͷػೳΛఏڙ͢ Δ͕ɺඳըϝιουͦͷελΠϧఏڙ͠ͳ͍ɻ %KTΛબͿཧ༝ ౷ܭֶͷϊϋຊ֨తͳਤӨ๏͕Έ
ࠐ·Εͨຊ֨తͳϥΠϒϥϦ ϒϥβ্Ͱಈ͘
%KTΛબͿཧ༝ 47(Ͱ͋Δ͜ͱ%0.ߏ͕༗ޮͰ͋Δ͜ͱ
%KTͷػೳతͳಛ νΣʔϯɾϝιου w ϐϦΦυͰϝιουΛचͭͳ͗ʹ͍͚ͯ͠Δ w ͭͳ͛ΒΕΔϝϦοτˠϧʔϓॲཧΛճͤΔ͔Β w దٓνΣʔϯΛΒͨ͠Γɺݸผࢦఆ0,
ΦϒδΣΫτͷ ྻʹ͢Δ %KTͷػೳతͳಛ σʔλͷಡΈࠐΈ
&OUFS 6QEBUF &YJU σʔλ ཁૉ σʔλͷΈ͕ଘࡏ͍ͯ͠Δ σʔλͱཁૉ͕ଘࡏ͍ͯ͠Δ ཁૉͷΈଘࡏ͍ͯ͠Δ &OUFS ͰબͰ͖Δ
6QEBUF ͰબͰ͖Δ &YJU ͰબͰ͖Δ %KTͷػೳ 4FMFDUJPO
WBSY4DBMFETDBMF w IUUQTHJUIVCDPNNCPTUPDLEXJLJ4DBMFT MJOFBS EPNBJO SBOHF WBSY4DBMFETDBMF ิؒํ๏
ೖྗͷ෯ ग़ྗͷ෯ มʹؔΛ֨ೲ͓͍ͯͯ͠ɺ͋ͱͰݺͼग़ͯ͠͏ɻ ೖྗͷ෯ͱग़ྗͷ෯ผʑʹఆٛͯ͠0, ʢೖྗσʔλʹɺग़ྗඳըྖҬ͕ܾ·Βͳ͍ͱఆٛͰ͖ͳ͍ͷͰʣ w IUUQXXXKFSPNFDVLJFSOFUCMPHETDBMFTBOEDPMPS %KTͷػೳ 4DBMF
2VBOUJUBUJWF4DBMFT -JOFBS4DBMFT 1PXFS4DBMFT -PH4DBMFT 2VBOUJ[F4DBMFT 2VBOUJMF4DBMFT 5ISFTIPME4DBMFT %KTͷػೳ 4DBMF 0SEJOBM4DBMFT
ॱং͕͋Δ͚Ͳ Ͱͳ͍ͷʹ ͏ɻͨͱ͑Χ ςΰϦ໊ͳͲɻ ং ࣌ؒΛѻ͏ 5JNF4DBMFT ৭ηοτू͕͍ͭ͘ ͔༻ҙ͞Ε͍ͯΔ $PMPS
Y"YJTETWHBYJT 4DBMFͱؔ࿈͚ͮΔΑ͏ʹɺࣄલʹఆ͓͍ٛͯͯ͠ʜ ࣠ͷඳըʹݺͼग़ͯ͠༻͢Δ TWHBQQFOE H BUUS DMBTT BYJT
BUUS USBOTGPSN USBOTMBUF IQBEEJOH ඞཁͰ͋Ε DBMM Y"YJT TDBMF Y4DBMF PSJFOU lCPUUPNz UJDLT Y"YJTETWHBYJT ར༻͢Δ4DBMF ࣠ʹରͯ͠ϥϕϧΛஔ͘Ґஔ ϥϕϧͷ߲ %KTͷػೳ "YJT
%KTͷػೳ 5SBOTJUJPO DJSDMFBUUS pMM SFE BUUS S
BUUS DY GVODUJPO E J \SFUVSOE J ^ BUUS DZ BUUS DY ɹ USBOTJUJPO EVSBUJPO EFMBZ USBOTJUJPO͢Δલͷଐੑ USBOTJUJPOͨ͠ޙͷଐੑ
#VOEMF $IPSE $MVTUFS 'PSDF %KT-BZPVU
1BDL 1BSUJUJPO 1JF 4UBDL 5SFF 5SFFNBQ