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
710
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
260
世界の行政機関 情報可視化 事例
n1n9
0
2.2k
コロナ禍におけるデータ可視化
n1n9
2
200
発信者主体の情報可視化作品作りにおけるスケッチの行い方考察
n1n9
2
720
残された我々のための「データ・ヒューマニティ」
n1n9
6
1.9k
Open Data Day logo generator
n1n9
0
240
データビジュアライゼーション講習のご案内
n1n9
0
280
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
Installing and Running decksh/pdfdeck
ajstarks
1
840
デザインの意思決定を加速するワークショップ設計 / Workshop design to accelerate design decision-making
lycorptech_jp
PRO
0
440
サービスデザインにおける、 映像活用の可能性(Spectrum Tokyo Meetup #18)
ka71
0
160
Marpで推しCSSスライドを作ろう! / marp-with-favorite-css
fujiemon
0
570
Мышление дизайнера историями. Как текстовые модели человеческого поведения помогают проектировать
ashapiro
0
390
Hatena Engineer Seminar #33 チームと開発するためのモック
takuwolog
0
420
[2025.6.30 もがく中堅デザイナー、キャリアの分岐点] なんでもやる系デザイナーのもがきかた
taka_piya
1
3.1k
デザイナーのAI活用とチームへの浸透戦略
ukaoli
0
110
「UXとUIの違い」v2
shirasu3
0
230
地理院地図をもっと楽しく!れきちず新機能のご紹介
hjmkth
1
130
そのUIコンポーネント、これから先も使えますか?―Headless UI,Open UI,グローバルデザインシステム
sakito
2
1.6k
Building Experiences: Design Systems, User Experience, and Full Site Editing
marktimemedia
0
240
Featured
See All Featured
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
285
13k
Optimising Largest Contentful Paint
csswizardry
37
3.4k
Gamification - CAS2011
davidbonilla
81
5.4k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.5k
Building a Modern Day E-commerce SEO Strategy
aleyda
43
7.5k
The Invisible Side of Design
smashingmag
301
51k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
162
15k
The Art of Programming - Codeland 2020
erikaheidi
55
13k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
Mobile First: as difficult as doing things right
swwweet
224
9.9k
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