Data visualization in a Nutshell
- 1. Data Visualization in a nutshell Presented by Wing Chan
- 2. Agenda • What is Data Visualization? • Data Visualization Framework • 3 styles of Data Visualization • Tools (Tableau vs D3.js) • Demos
- 3. What is Data Visualization? Data visualizationis the graphicalrepresentationof information and data. By using visual elements like charts, graphs, and maps, data visualizationtools provide an accessible way to see and understandtrends, outliers, and patterns in data. In the world of Big Data, datavisualization toolsand technologiesare essential to analyze massive amounts of information and make data-drivendecisions.
- 5. Data Layer • Purposes: • Locating and obtaining data • Importing data in proper format • Relating data for proper correspondence • Dataanalysis and aggregation • Data Types • Discrete vs Continuous • Ordered vs Unordered
- 6. Mapping Layer • Purposes • Associating appropriate geometry with corresponding data channels • Dataanalysis and algorithms • Perceptual Accuracy
- 7. Graphics Layer • Purposes: • Conversion of geometry into displayable image • Decorations • Managing interaction • Common Charts • Bar Chart, Line Chart, Scatter Plots and Gantt Chart • When to use?
- 8. 3 styles of Data Visualization 1.Interactive Visualization 2. Presentation Visualization 3. Interactive Storytelling
- 9. Interactive Visualization • Used for discovery • Intended for a single investigator or collaborators • Pre-renders based on input • Prototype quality • Example: Tableau public • https://public.tableau.com/profile/wing.chan70 63#!/vizhome/MoviesDashboard_15619067238 430/Dashboard
- 10. Presentation Visualization • Used for communication • Intended for large group or mass audience • Does not support user input • Highly polished • Example: Electric cars sales • https://cleantechnica.com/2019/05/24/visualiz ation-2012-2019-us-electric-car-sales-this-is-a- must-see/
- 11. Interactive Storytelling • Presentations via interactive webpages • Narrative, using data to tell a story • Invites viewers to explore further • A medium for data journalism • Example: The Economist: Big Mac Index • https://www.economist.com/comment/26026 07
- 12. Tools • Tableau - a Business Intelligence Tool used for data visualization that enables you to create interactive visualizations in form of dashboards, worksheets to gain business insights. It allows non- technical users to easily create customized dashboards that provide insight to a broad spectrum of information. And, Tableau software founded in 2003. In 2019, it is acquired by Salesforce. • D3.js - D3 stands for Data-Driven-Documents and is a JavaScript library for dynamic and interactive data visualizations in web browsers. It was created in 2011 and is used on many websites. It provides web developers with a toolset for utilizing APIs and SVG graphics to create visualizations across the web.
- 13. D3.js
- 14. Tools Tool Tableau D3.js Target User Business Analysts Developers Cost Expensive Free Learning curve Low High Interface Desktop app or Web portal JavaScriptlibrary – load data and generate SVG or Canvasgraphics Advantage • Great for data exploration • Short development time • Integrate better on websites • Highly customizable Disadvantage • Expensive • Not easy to integratewith websites • Long development time • Require web developmentskill
- 15. Demos • Data: Titanic Survival dataset from Kaggle https://www.kaggle.com/c/titanic/data • Demo #1: using Tableau https://public.tableau.com/profile/wing.chan7063#!/viz home/TitanticDashboard/Dashboard • Demo #2: using D3.js https://wingchanatibsa.github.io/cs498dv/index.html
- 16. Questions?