もっとデータ可視化をカジュアルに!OSSプロジェクト「E2D3」

 もっとデータ可視化をカジュアルに!OSSプロジェクト「E2D3」

GREE Tech Talk #10でE2D3プロジェクトについて発表した資料です。

8a43d544df4886ea5ef714e78f3420a7?s=128

Hideyuki Takeuchi

March 24, 2016
Tweet

Transcript

  1. ΋ͬͱσʔλՄࢹԽΛ ΧδϡΞϧʹʂ OSSϓϩδΣΫτʮE2D3ʯ ͚ͨ͏ͪɹͻͰΏ͖

  2. Data Visualization for ALL ఏɹڙ

  3. ͚ͨ͏ͪɹͻͰΏ͖ @CHIMERAST גࣜձࣾϢʔβϕʔε ͳΜͰ΋԰

  4. ࠓ೔ͷ࿩͸ ݸਓతʹ׆ಈ͍ͯ͠Δ OSSϓϩδΣΫτ E2D3ͷ͓࿩

  5. ͚ͨ͏ͪɹͻͰΏ͖ @CHIMERAST E2D3ϓϩδΣΫτ ίΞγεςϜͷ։ൃΛ୲౰

  6. ͋ ͷ ೔ ݟ ͨ σ ồ λ Մ ࢹ

    Խ ͷ ໊ લ Λ ๻ ୡ ͸ · ͩ ɹ ஌ Β ͳ ͍ Ố ௒ Մ ࢹ Խ ό ε λ ồ ζ ͨ ͚ ͏ ͪ ɹ ͻ Ͱ Ώ ͖
  7. None
  8. σʔλՄࢹԽ σʔλ෼ੳͱ੾ͬͯ͸੾Εͳ͍΋ͷ

  9. etc…

  10. ͜ΕΒ΋ σʔλՄࢹԽػೳΛ ͦͳ͍͑ͯ·͢

  11. ͔͠͠ɺ

  12. ී௨ͷਓʹͱͬͯ͸ ෑډ͕ߴ͍

  13. ී௨ͷਓ͕ ෼ੳʹ࢖͏ιϑτʁ

  14. Microsoft Excel

  15. None
  16. Ͱ΋ੈͷதʹ͸ ΋ͬͱछʑଟ࠼ͳ ՄࢹԽख๏͕͋Δʂ

  17. None
  18. None
  19. None
  20. None
  21. ΋ͬͱ͍ΖΜͳ ՄࢹԽ͕Ͱ͖ͨΒ ָͦ͠͏ʂ

  22. Excel Ͱʂ

  23. શͯͷਓͷͨΊͷ σʔλՄࢹԽϓϥοτϑΥʔϜ

  24. None
  25. None
  26. ࢖͍ํ

  27. Excel 2013Ҏ߱ or Excel Online ͷ Office Store͔ΒʮE2D3ʯͰݕࡧʂ

  28. ແ ྉ MacͰ΋ Excel OnlineͰ ಈ͖·͢ʂ

  29. Ͱ͖Δ͜ͱ

  30. E2D3ʹొ࿥͞Εͨ ςϯϓϨʔτ Ϣʔβ͕ExcelͰ ೖྗͨ͠σʔλ URLΛൃߦ͠ ϒϩάʹషΓ෇͚ͨΓ FB or TWͰγΣΞ Excel্Ͱ

    ΠϯλϥΫςΟϒͳ σʔλՄࢹԽ
  31. ςϯϓϨʔτͷ ࡞Γํ

  32. ςϯϓϨʔτ͸ HTML+JSͰ࡞੒ ͓޷ΈͷΤσΟλͰ։ൃʂ ؆ ୯

  33. D3.js΍Βthree.js΍Β ՄࢹԽϥΠϒϥϦΛ࢖ͬͯ ࡞ΕΔ

  34. None
  35. None
  36. None
  37. None
  38. ςϯϓϨʔτ։ൃͷ ؀ڥߏங͸௒؆୯ʂ npmʹΑΔίϚϯυ׬උ

  39. ४උ node.js v5.3.0 Ҏ্Λ
 Πϯετʔϧ

  40. $ npm install -g e2d3

  41. $ git clone \ https://github.com/e2d3/e2d3-contrib.git

  42. $ cd e2d3-contrib $ e2d3

  43. Webαʔό্ཱ͕͕ͪΓ LiveReloadػೳ΋ಈ͘ ։ൃ؀ڥ͕੔͍·͢

  44. None
  45. ͋ͱ͸GitHubͷWikiݟͭͭ ςϯϓϨʔτΛ։ൃͯ͠ Pull RequestΛ౤͛Δ͚ͩ

  46. Pull Request͕Ϛʔδ͞Ε 10෼͙Β͍ͨͭͱ Excelͷը໘ʹදࣔ͞Ε·͢

  47. ࠷ޙʹ

  48. E2D3͸OSSͱָͯ͘͠͠ ׆ಈ͍ͯ͠·͢

  49. ʮσʔλͬͯ໘ന͍ʂʯ ͱݴͬͯ͘ΕΔਓΛ૿΍͢ ϓϩδΣΫτͰ͢

  50. σʔλαΠΤϯςΟετ ΞφϦετ Ӧۀ ϚʔέςΟϯά ඇΤϯδχΞ Ұൠࣄ຿һ খɺதɺߴੜ σʔλͬͯ໘ന͍ʂ σʔλՄࢹԽͷ݁Ռɺ

  51. ʮσʔλͬͯ໘ന͍ʂʯͱօ͕ݴ͏ ʮσʔλϦςϥγʔʯΛօ͕͍࣋ͬͯΔ ʮσʔλͷྗʯΛօ͕׆༻Ͱ͖Δ E2D3Ͱ࡞Γ͍ͨະདྷ

  52. ޿ใ׆ಈɿड৆ྺ12ճΒ͍͠

  53. ༷ʑͳॴଐɾ৬छͷਓͨͪ 60ਓ͙Β͍ͰӡӦͯ͠·͢

  54. ݄̍Ͱ σʔλϏδϡΞϥΠθʔγϣϯ ຖ݄΋͘΋͘ձ ΛӡӦ͍ͯ͠·͢

  55. ςϯϓϨʔτͷ਺͸ ίϯτϦϏϡʔλཔΈ ॏ ཁ

  56. ίΞγεςϜΛ Ұॹʹ։ൃͯ͘͠ΕΔ ਓΛ୳͍ͯ͠·͢ ੾ ࣮

  57. ίΞͰࠓޙ΍Γ͍ͨ͜ͱ gist͔ΒςϯϓϨʔτొ࿥ ςϯϓϨʔτݕࡧ UI/UX࡮৽

  58. ٻΉʂίϯτϦϏϡʔλ http://e2d3.org/ https://github.com/e2d3/e2d3 ςϯϓϨʔτ։ൃ ίΞγεςϜ։ൃ ΋͘΋͘ձӡӦ ޿ใ׆ಈ ւ֎ల։ ͦͷଞॾʑ

  59. Data Visualization for ALL ఏɹڙ

  60. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ