GREE Tech Talk #10でE2D3プロジェクトについて発表した資料です。
ͬͱσʔλՄࢹԽΛΧδϡΞϧʹʂOSSϓϩδΣΫτʮE2D3ʯ͚ͨ͏ͪɹͻͰΏ͖
View Slide
Data Visualization for ALLఏɹڙ
͚ͨ͏ͪɹͻͰΏ͖@CHIMERASTגࣜձࣾϢʔβϕʔεͳΜͰ
ࠓͷݸਓతʹ׆ಈ͍ͯ͠ΔOSSϓϩδΣΫτE2D3ͷ͓
͚ͨ͏ͪɹͻͰΏ͖@CHIMERASTE2D3ϓϩδΣΫτίΞγεςϜͷ։ൃΛ୲
͋ͷݟͨσồλՄࢹԽͷ໊લΛୡ·ͩɹΒͳ͍ỐՄࢹԽόελồζ͚ͨ͏ͪɹͻͰΏ͖
σʔλՄࢹԽσʔλੳͱͬͯΕͳ͍ͷ
etc…
͜ΕΒσʔλՄࢹԽػೳΛͦͳ͍͑ͯ·͢
͔͠͠ɺ
ී௨ͷਓʹͱͬͯෑډ͕ߴ͍
ී௨ͷਓ͕ੳʹ͏ιϑτʁ
Microsoft Excel
Ͱੈͷதʹͬͱछʑଟ࠼ͳՄࢹԽख๏͕͋Δʂ
ͬͱ͍ΖΜͳՄࢹԽ͕Ͱ͖ͨΒָͦ͠͏ʂ
Excel Ͱʂ
શͯͷਓͷͨΊͷσʔλՄࢹԽϓϥοτϑΥʔϜ
͍ํ
Excel 2013Ҏ߱ or Excel Online ͷOffice Store͔ΒʮE2D3ʯͰݕࡧʂ
ແྉMacͰExcel OnlineͰಈ͖·͢ʂ
Ͱ͖Δ͜ͱ
E2D3ʹొ͞ΕͨςϯϓϨʔτϢʔβ͕ExcelͰೖྗͨ͠σʔλURLΛൃߦ͠ϒϩάʹషΓ͚ͨΓFB or TWͰγΣΞExcel্ͰΠϯλϥΫςΟϒͳσʔλՄࢹԽ
ςϯϓϨʔτͷ࡞Γํ
ςϯϓϨʔτHTML+JSͰ࡞͓ΈͷΤσΟλͰ։ൃʂ؆୯
D3.jsΒthree.jsΒՄࢹԽϥΠϒϥϦΛͬͯ࡞ΕΔ
ςϯϓϨʔτ։ൃͷڥߏங؆୯ʂnpmʹΑΔίϚϯυඋ
४උnode.js v5.3.0 Ҏ্Λ Πϯετʔϧ
$ npm install -g e2d3
$ git clone \https://github.com/e2d3/e2d3-contrib.git
$ cd e2d3-contrib$ e2d3
Webαʔό্ཱ͕͕ͪΓLiveReloadػೳಈ͘։ൃڥ͕͍·͢
͋ͱGitHubͷWikiݟͭͭςϯϓϨʔτΛ։ൃͯ͠Pull RequestΛ͛Δ͚ͩ
Pull Request͕Ϛʔδ͞Ε10͙Β͍ͨͭͱExcelͷը໘ʹදࣔ͞Ε·͢
࠷ޙʹ
E2D3OSSͱָͯ͘͠͠׆ಈ͍ͯ͠·͢
ʮσʔλͬͯ໘ന͍ʂʯͱݴͬͯ͘ΕΔਓΛ૿͢ϓϩδΣΫτͰ͢
σʔλαΠΤϯςΟετΞφϦετӦۀϚʔέςΟϯάඇΤϯδχΞҰൠࣄһখɺதɺߴੜσʔλͬͯ໘ന͍ʂσʔλՄࢹԽͷ݁Ռɺ
ʮσʔλͬͯ໘ന͍ʂʯͱօ͕ݴ͏ʮσʔλϦςϥγʔʯΛօ͕͍࣋ͬͯΔʮσʔλͷྗʯΛօ͕׆༻Ͱ͖ΔE2D3Ͱ࡞Γ͍ͨະདྷ
ใ׆ಈɿडྺ12ճΒ͍͠
༷ʑͳॴଐɾ৬छͷਓͨͪ60ਓ͙Β͍ͰӡӦͯ͠·͢
݄̍ͰσʔλϏδϡΞϥΠθʔγϣϯຖ݄͘͘ձΛӡӦ͍ͯ͠·͢
ςϯϓϨʔτͷίϯτϦϏϡʔλཔΈॏཁ
ίΞγεςϜΛҰॹʹ։ൃͯ͘͠ΕΔਓΛ୳͍ͯ͠·࣮͢
ίΞͰࠓޙΓ͍ͨ͜ͱgist͔ΒςϯϓϨʔτొςϯϓϨʔτݕࡧUI/UX৽
ٻΉʂίϯτϦϏϡʔλhttp://e2d3.org/https://github.com/e2d3/e2d3ςϯϓϨʔτ։ൃίΞγεςϜ։ൃ͘͘ձӡӦใ׆ಈւ֎ల։ͦͷଞॾʑ
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ