Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.

資料視覺化 / 数据可视化 Data Visualization

Introduction for Data Visualization

  • Loggen Sie sich ein, um Kommentare anzuzeigen.

資料視覺化 / 数据可视化 Data Visualization

  1. 1. COPYRIGHT©2016 eBizprise Inc. & eBizprise Technology (TJ) Ltd. Keynote - 資料視覺化 Data Visualization Will Kuan 官大鈞 in
  2. 2. COPYRIGHT©2016 eBizprise Inc. & eBizprise Technology (TJ) Ltd.
  3. 3. COPYRIGHT©2016 eBizprise Inc. & eBizprise Technology (TJ) Ltd.
  4. 4. COPYRIGHT©2016 eBizprise Inc. & eBizprise Technology (TJ) Ltd.COPYRIGHT©2016 eBizprise Inc. & eBizprise Technology (TJ) Ltd. Roadmap  What’s the Data Visualization?  Why do we need data visualization?  How can we do data visualization?  Examples  Case Study  Conclusions
  5. 5. COPYRIGHT©2016 eBizprise Inc. & eBizprise Technology (TJ) Ltd. 什麼是資料視覺化? What’s the Data Visualization?
  6. 6. COPYRIGHT©2016 eBizprise Inc. & eBizprise Technology (TJ) Ltd. 什麼是資料視覺化? What’s the Data Visualization? Data Engineer Data Analyst/ Data Scientist
  7. 7. COPYRIGHT©2016 eBizprise Inc. & eBizprise Technology (TJ) Ltd. 什麼是資料視覺化? What’s the Data Visualization? Data Analytic Outcome Delicate Report SAME AS BI REPORT ?
  8. 8. COPYRIGHT©2016 eBizprise Inc. & eBizprise Technology (TJ) Ltd.  簡單易懂! Easy to Read!  條理分明! Structured!  對象為決策主管或分析者 For Decision-Maker or Analyst  簡單易懂! Easy to Read!  身歷其境!Virtual Feeling!  對象為任何感興趣的人 For all of us! 什麼是資料視覺化? What’s the Data Visualization?
  9. 9. COPYRIGHT©2016 eBizprise Inc. & eBizprise Technology (TJ) Ltd.COPYRIGHT©2016 eBizprise Inc. & eBizprise Technology (TJ) Ltd. Roadmap  What’s the Data Visualization?  Why do we need data visualization?  How can we do data visualization?  Examples  Case Study  Conclusions
  10. 10. COPYRIGHT©2016 eBizprise Inc. & eBizprise Technology (TJ) Ltd. 為何需要資料視覺化? Why we need it? More mlbam : https://aws.amazon.com/tw/solutions/case-studies/major-league-baseball-mlbam/
  11. 11. COPYRIGHT©2016 eBizprise Inc. & eBizprise Technology (TJ) Ltd. 為何需要資料視覺化? Why we need it?
  12. 12. COPYRIGHT©2016 eBizprise Inc. & eBizprise Technology (TJ) Ltd. 為何需要資料視覺化? Why we need it?
  13. 13. COPYRIGHT©2016 eBizprise Inc. & eBizprise Technology (TJ) Ltd. 為何需要資料視覺化? Why we need it?
  14. 14. COPYRIGHT©2016 eBizprise Inc. & eBizprise Technology (TJ) Ltd.  Attract more attentions ! – such as views of the website or more customers  Make more connected ! – good storyteller  Proper bridge among individuals !  Help us catch what we need to know !  Make data understandable, meaningful and beautiful !  Help us go inside! – valuable insight & learning motivation trigger 為何需要資料視覺化? Why we need it?
  15. 15. COPYRIGHT©2016 eBizprise Inc. & eBizprise Technology (TJ) Ltd.COPYRIGHT©2016 eBizprise Inc. & eBizprise Technology (TJ) Ltd. Roadmap  What’s the Data Visualization?  Why do we need data visualization?  How can we do data visualization?  Examples  Case Study  Conclusions
  16. 16. COPYRIGHT©2016 eBizprise Inc. & eBizprise Technology (TJ) Ltd.COPYRIGHT©2016 eBizprise Inc. & eBizprise Technology (TJ) Ltd.  Open Source  Enterprise Tools  Programming  Imagination 如何資料視覺化? How can we do that? D3.js Gapminder Microsoft SandDance Browsing Tableau Highcharts Microsoft Toolkit (Excel included) SAP BI Toolkit Oracle BI Toolkit IBM BI Toolkit R (shiny, ggplot2) Python Java Browsing G0V零時政府http://g0v.tw/zh-TW/index.html 資料視覺化http://infographics.tw/ 圖文不符https://www.facebook.com/simpleinfo/
  17. 17. COPYRIGHT©2016 eBizprise Inc. & eBizprise Technology (TJ) Ltd.  Open Source  Open JavaScript library built by netizens, with simple demos  D3.js is NOT based on visualization, is emphasized the connection among objects  Pro:flexible Con:complicated, requirement for JavaScript, HTML, CSS, SVG D3.js https://d3js.org/
  18. 18. COPYRIGHT©2016 eBizprise Inc. & eBizprise Technology (TJ) Ltd.  大祕寶ONEPIECE: https://github.com/mbostock/d3/wiki/Gallery  個人Github人際網路互動圖Personal GitHub Network: http://ghv.artzub.com/#repo=d3&climit=100&user=mbostock  全球各國歷年資料互動圖Health and Wealth of Nations: http://cesiumjs.org/demos/d3.html  各式基本資料圖表Basic Graphs: https://my.infocaptor.com/free_data_visualization.php  簡易互動式Simple Interactive Dashboard: http://bl.ocks.org/NPashaP/96447623ef4d342ee09b D3.js 函式庫
  19. 19. COPYRIGHT©2016 eBizprise Inc. & eBizprise Technology (TJ) Ltd.  Interactive Data Visualization Software  Open Source  Suitable for long term data  https://www.gapminder.org Gapminder
  20. 20. COPYRIGHT©2016 eBizprise Inc. & eBizprise Technology (TJ) Ltd.  Released in March of 2016 from Microsoft https://www.sanddance.ms/  Web-based tool. As long as we open browsers, and upload acceptable type of data (e.g. txt, csv, json), then we can control it to show different type of analysis outcomes  Able to observe micro and macro data simultaneously SANDDANCE 微軟最新資料視覺化工具
  21. 21. COPYRIGHT©2016 eBizprise Inc. & eBizprise Technology (TJ) Ltd. A series of data visualization tools from Norway company Highsoft AS. The products are based on jQuery and HTML5. Offering 3 fixed format packages and customized service:  Hightcharts : for normal stats plots  Hightstock : for financial plots  Highmaps : for geo plots  USE CASES : customized service Highcharts官網URL: http://www.highcharts.com/
  22. 22. COPYRIGHT©2016 eBizprise Inc. & eBizprise Technology (TJ) Ltd. Why we need imagination? Normal Special Case Storm Graph
  23. 23. COPYRIGHT©2016 eBizprise Inc. & eBizprise Technology (TJ) Ltd.  Keep open minded to see how other people represent data and what feeling people want to get when lots of data coming.  Flexibility is not only with self-programming, somehow we can use all we have such as toolbox to combine some of tools and code to represent innovative data-land  Check new information and techniques in data visualization groups, as below: Why we need imagination? •資料視覺化http://infographics.tw/ •圖文不符https://www.facebook.com/simpleinfo/ •零時政府http://g0v.tw/zh-TW/index.html
  24. 24. COPYRIGHT©2016 eBizprise Inc. & eBizprise Technology (TJ) Ltd.COPYRIGHT©2016 eBizprise Inc. & eBizprise Technology (TJ) Ltd. And more… Famous saying, “Seeing is Believing” The truth is our brains naturally help us filter information, and this is a native system which is uncontrollable.
  25. 25. COPYRIGHT©2016 eBizprise Inc. & eBizprise Technology (TJ) Ltd.
  26. 26. COPYRIGHT©2016 eBizprise Inc. & eBizprise Technology (TJ) Ltd.
  27. 27. COPYRIGHT©2016 eBizprise Inc. & eBizprise Technology (TJ) Ltd.
  28. 28. COPYRIGHT©2016 eBizprise Inc. & eBizprise Technology (TJ) Ltd.
  29. 29. COPYRIGHT©2016 eBizprise Inc. & eBizprise Technology (TJ) Ltd.
  30. 30. COPYRIGHT©2016 eBizprise Inc. & eBizprise Technology (TJ) Ltd.COPYRIGHT©2016 eBizprise Inc. & eBizprise Technology (TJ) Ltd. And more… An excellent designer should be able to help us avoid our misunderstanding system, even use it to reinforce our understanding to figure.
  31. 31. COPYRIGHT©2016 eBizprise Inc. & eBizprise Technology (TJ) Ltd.COPYRIGHT©2016 eBizprise Inc. & eBizprise Technology (TJ) Ltd. Roadmap  What’s the Data Visualization?  Why do we need data visualization?  How can we do data visualization?  Examples  Case Study  Conclusions
  32. 32. COPYRIGHT©2016 eBizprise Inc. & eBizprise Technology (TJ) Ltd.COPYRIGHT©2016 eBizprise Inc. & eBizprise Technology (TJ) Ltd. A good data visualization is the friendly element or access key for enterprises to make companies more valuable or level up, even like a catalyst which can help us better the society or change the world. There are some of good examples. Let’s check it out ! 實務範例 Examples
  33. 33. COPYRIGHT©2016 eBizprise Inc. & eBizprise Technology (TJ) Ltd.  Flightradar24.com https://www.flightradar24.com/45.32,0.44/5 Offering new experience service allows everyone on the ground to see what happens in the sky. Check the most up-to-the-minute location of every single aircraft in the sky, and their flight details such as departures, destinations, routes and aircraft details. Raw Data Visualization 實務範例 Examples
  34. 34. COPYRIGHT©2016 eBizprise Inc. & eBizprise Technology (TJ) Ltd.  從社群網路反應看蘋果發表會 To see Apple new product launch event with reactions in social network http://srogers.cartodb.com/viz/d0a7e72a-38ac-11e4-8eb2-0e73339ffa50/embed_map Sometimes we are not interested in new products of Apple, but very curious about reaction of people to products. So, this work is to see reactions in social network from the start of Apple new product launch event to the end. Raw Data Visualization 實務範例 Examples
  35. 35. COPYRIGHT©2016 eBizprise Inc. & eBizprise Technology (TJ) Ltd.  hubcab http://hubcab.org/#13.00/40.7219/-73.9484 We can definitely feel Global warming or climate change at now. How can do the earth a favor in the Internet? HubCab offers an interactive visualization which is a colorful map embedding every taxi pickup and dropoff site in NYC . Not only for commercial use, but also for the reduce of carbon emission. Raw Data Visualization 實務範例 Examples
  36. 36. COPYRIGHT©2016 eBizprise Inc. & eBizprise Technology (TJ) Ltd.  Vegetable Transaction http://muyueh.com/30/veggie_c/list.html Sometimes we do not care about what happens in IT domain, FinTech, IOT, big data or AI, etc. What we care about might be just daily life like daily vegetable transaction. This webpage aggregates transaction details of numerous vegetables. Guide us to observe the trend and hidden information of daily vegetable transaction. Raw Data Visualization 實務範例 Examples
  37. 37. COPYRIGHT©2016 eBizprise Inc. & eBizprise Technology (TJ) Ltd.  Windyty https://www.windyty.com/?25.039,121.525,2  CrisisMap氣象災害 http://www.google.org/crisismap/taiwan  PublicAlerts災害示警 http://www.google.org/publicalerts Displaying real-time climate or weather visual information in different ways. Display latest disaster stats and trends on the Google map, which helps us prevent loss from Mother Nature. Raw Data & Meta Data Visualization 實務範例 Examples
  38. 38. COPYRIGHT©2016 eBizprise Inc. & eBizprise Technology (TJ) Ltd.  Traffic Accident Stats in Hsinchu http://muyueh.com/30/xinzhu_traffic/ Accident Crossfilter for Hsinchu area from Jan of 2013 to Oct of 2013. Help the government adjust their policy and help people understand which is hazard area but avoidable. Meta Data Visualization 實務範例 Examples
  39. 39. COPYRIGHT©2016 eBizprise Inc. & eBizprise Technology (TJ) Ltd.COPYRIGHT©2016 eBizprise Inc. & eBizprise Technology (TJ) Ltd. Roadmap  What’s the Data Visualization?  Why do we need data visualization?  How can we do data visualization?  Examples  Case Study  Conclusions
  40. 40. COPYRIGHT©2016 eBizprise Inc. & eBizprise Technology (TJ) Ltd.COPYRIGHT©2016 eBizprise Inc. & eBizprise Technology (TJ) Ltd. 實務講解 Case Study  HTML5 word cloud http://timdream.org/wordcloud/ Word cloud is sort of said to have fantasy impression only. However, it is useful for people to catch on the level among some key words indeed. Let’s do it ourselves.
  41. 41. COPYRIGHT©2016 eBizprise Inc. & eBizprise Technology (TJ) Ltd. 實務講解 Case Study Web Crawling ETL & Data Wrangling Word Cloud
  42. 42. COPYRIGHT©2016 eBizprise Inc. & eBizprise Technology (TJ) Ltd. 實務講解 Case Study Inspect the content of what we’re going to crawl and it’s structure.
  43. 43. COPYRIGHT©2016 eBizprise Inc. & eBizprise Technology (TJ) Ltd. 實務講解 Case Study Program our flexible crawler code to extract the content on the web, and save to our local side.
  44. 44. COPYRIGHT©2016 eBizprise Inc. & eBizprise Technology (TJ) Ltd. 實務講解 Case Study Program our flexible crawler code to extract the content on the web, and save to our local side.
  45. 45. COPYRIGHT©2016 eBizprise Inc. & eBizprise Technology (TJ) Ltd. 實務講解 Case Study
  46. 46. COPYRIGHT©2016 eBizprise Inc. & eBizprise Technology (TJ) Ltd. 實務講解 Case Study
  47. 47. COPYRIGHT©2016 eBizprise Inc. & eBizprise Technology (TJ) Ltd.  With the big data trend, two important points come along. Open Data & Data Visualization  Open data & data visualization both mean transparency, which is able to improve communication and efficiency.  “Fancy” does not mean “Attractive”. Data visualization is for communication and telling story, even creating virtual feeling. Data visualization for communication. Communication for Data visualization. 結論 Conclusions
  48. 48. COPYRIGHT©2016 eBizprise Inc. & eBizprise Technology (TJ) Ltd.  More options: http://buzzorange.com/techorange/2014/06/10/30-simple-tools-for-data-visualization/  More examples: https://muyueh.com/  More about R Shiny: http://molecular-service-science.com/2015/02/16/your-first-r-shiny-app-deployment/ http://rstudio-pubs-static.s3.amazonaws.com/7821_92f9e37c05bd4791a4ad0abd550f2a8f.html 結論 Conclusions
  49. 49. COPYRIGHT©2016 eBizprise Inc. & eBizprise Technology (TJ) Ltd.

×