SlideShare a Scribd company logo
Data Visualization
in a nutshell
Presented by Wing Chan
Agenda
• What is Data Visualization?
• Data Visualization Framework
• 3 styles of Data Visualization
• Tools (Tableau vs D3.js)
• Demos
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.
Data Visualization Framework
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
Mapping Layer
• Purposes
• Associating appropriate geometry with
corresponding data channels
• Dataanalysis and algorithms
• Perceptual Accuracy
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?
3 styles of
Data Visualization
1.Interactive Visualization
2. Presentation Visualization
3. Interactive Storytelling
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
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/
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
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.
D3.js
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
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
Questions?

More Related Content

What's hot

Data Visualization
Data VisualizationData Visualization
Data Visualization
Mithilesh Trivedi
 
Data visualization
Data visualizationData visualization
Data visualization
Jan Willem Tulp
 
3 data visualization
3 data visualization3 data visualization
3 data visualization
ThilinaWanshathilaka
 
Data visualization
Data visualizationData visualization
Data visualization
Sushil kasar
 
Data visualization
Data visualizationData visualization
Data visualization
Hoang Nguyen
 
Data visualization
Data visualizationData visualization
Data visualization
Maheshwor Shrestha
 
Data visualization
Data visualizationData visualization
Data visualization
Kaustubh Srivastava
 
Data Visualization in Data Science
Data Visualization in Data ScienceData Visualization in Data Science
Data Visualization in Data Science
Maloy Manna, PMP®
 
Data Visualization
Data VisualizationData Visualization
Data Visualization
Marco Torchiano
 
Data Visualization - A Brief Overview
Data Visualization - A Brief OverviewData Visualization - A Brief Overview
Data Visualization - A Brief Overview
Rotary Club of North Raleigh
 
Data Visualization Design Best Practices Workshop
Data Visualization Design Best Practices WorkshopData Visualization Design Best Practices Workshop
Data Visualization Design Best Practices Workshop
JSI
 
Introduction to Data Visualization
Introduction to Data Visualization Introduction to Data Visualization
Introduction to Data Visualization
Ana Jofre
 
DATA VISUALIZATION
DATA VISUALIZATIONDATA VISUALIZATION
DATA VISUALIZATION
Aabhika Samantaray
 
Data Visualization
Data VisualizationData Visualization
Data Visualization
gzargary
 
Data science
Data scienceData science
Data science
Mohamed Loey
 
Big data visualization
Big data visualizationBig data visualization
Big data visualization
Anurag Gupta
 
Best Practices for Killer Data Visualization
Best Practices for Killer Data VisualizationBest Practices for Killer Data Visualization
Best Practices for Killer Data Visualization
Qualtrics
 
Data Analaytics.04. Data visualization
Data Analaytics.04. Data visualizationData Analaytics.04. Data visualization
Data Analaytics.04. Data visualization
Alex Rayón Jerez
 
"Introduction to Data Visualization" Workshop for General Assembly by Hunter ...
"Introduction to Data Visualization" Workshop for General Assembly by Hunter ..."Introduction to Data Visualization" Workshop for General Assembly by Hunter ...
"Introduction to Data Visualization" Workshop for General Assembly by Hunter ...
Hunter Whitney
 

What's hot (20)

Data Visualization
Data VisualizationData Visualization
Data Visualization
 
Data visualization
Data visualizationData visualization
Data visualization
 
3 data visualization
3 data visualization3 data visualization
3 data visualization
 
Data visualization
Data visualizationData visualization
Data visualization
 
Data visualization
Data visualizationData visualization
Data visualization
 
Data visualization
Data visualizationData visualization
Data visualization
 
Data visualization
Data visualizationData visualization
Data visualization
 
Data Visualization in Data Science
Data Visualization in Data ScienceData Visualization in Data Science
Data Visualization in Data Science
 
Data Visualization
Data VisualizationData Visualization
Data Visualization
 
Data Visualization - A Brief Overview
Data Visualization - A Brief OverviewData Visualization - A Brief Overview
Data Visualization - A Brief Overview
 
Data Visualization Design Best Practices Workshop
Data Visualization Design Best Practices WorkshopData Visualization Design Best Practices Workshop
Data Visualization Design Best Practices Workshop
 
Introduction to Data Visualization
Introduction to Data Visualization Introduction to Data Visualization
Introduction to Data Visualization
 
DATA VISUALIZATION
DATA VISUALIZATIONDATA VISUALIZATION
DATA VISUALIZATION
 
Data analytics
Data analyticsData analytics
Data analytics
 
Data Visualization
Data VisualizationData Visualization
Data Visualization
 
Data science
Data scienceData science
Data science
 
Big data visualization
Big data visualizationBig data visualization
Big data visualization
 
Best Practices for Killer Data Visualization
Best Practices for Killer Data VisualizationBest Practices for Killer Data Visualization
Best Practices for Killer Data Visualization
 
Data Analaytics.04. Data visualization
Data Analaytics.04. Data visualizationData Analaytics.04. Data visualization
Data Analaytics.04. Data visualization
 
"Introduction to Data Visualization" Workshop for General Assembly by Hunter ...
"Introduction to Data Visualization" Workshop for General Assembly by Hunter ..."Introduction to Data Visualization" Workshop for General Assembly by Hunter ...
"Introduction to Data Visualization" Workshop for General Assembly by Hunter ...
 

Similar to Data visualization in a Nutshell

Tableau Course In Chennai-October
Tableau Course In Chennai-OctoberTableau Course In Chennai-October
Tableau Course In Chennai-October
DataMites
 
Power BI vs Tableau vs Cognos: A Data Analytics Research
Power BI vs Tableau vs Cognos: A Data Analytics ResearchPower BI vs Tableau vs Cognos: A Data Analytics Research
Power BI vs Tableau vs Cognos: A Data Analytics Research
Luciano Vilas Boas
 
Data visualization-tools
Data visualization-toolsData visualization-tools
Data visualization-tools
Rolando Fajardo CPE, RN, MAN, MIM
 
Tableau Course In Bangalore-October
Tableau Course In Bangalore-OctoberTableau Course In Bangalore-October
Tableau Course In Bangalore-October
DataMites
 
Best Tableau training in Chandigarh.pptx
Best Tableau training in Chandigarh.pptxBest Tableau training in Chandigarh.pptx
Best Tableau training in Chandigarh.pptx
RykaBhatt
 
chapter 6 data visualization ppt.pptx
chapter 6 data visualization ppt.pptxchapter 6 data visualization ppt.pptx
chapter 6 data visualization ppt.pptx
sayalisonavane3
 
Visualising montioring and evaluation data
Visualising montioring and evaluation dataVisualising montioring and evaluation data
Visualising montioring and evaluation data
Rob Worthington
 
CRM-UG Summit Phoenix 2018 - What is Common Data Model and how to use it?
CRM-UG Summit Phoenix 2018 - What is Common Data Model and how to use it?CRM-UG Summit Phoenix 2018 - What is Common Data Model and how to use it?
CRM-UG Summit Phoenix 2018 - What is Common Data Model and how to use it?
Nicolas Georgeault
 
Data Visualization.pptx
Data Visualization.pptxData Visualization.pptx
Data Visualization.pptx
Ultimate Multimedia Consult
 
Interactive Dashboards
Interactive DashboardsInteractive Dashboards
Interactive Dashboards
Dr Rupert Booth
 
Graph all the things - PRathle
Graph all the things - PRathleGraph all the things - PRathle
Graph all the things - PRathle
Neo4j
 
Nitor Infotech - Big Data Services
Nitor Infotech - Big Data ServicesNitor Infotech - Big Data Services
Nitor Infotech - Big Data Services
Nitor Infotech
 
SPS Vancouver 2018 - What is CDM and CDS
SPS Vancouver 2018 - What is CDM and CDSSPS Vancouver 2018 - What is CDM and CDS
SPS Vancouver 2018 - What is CDM and CDS
Nicolas Georgeault
 
Data Visualization Trends - Next Steps for Tableau
Data Visualization Trends - Next Steps for TableauData Visualization Trends - Next Steps for Tableau
Data Visualization Trends - Next Steps for Tableau
Arunima Gupta
 
Dynamic Data Visualization with Tableau
Dynamic Data Visualization with TableauDynamic Data Visualization with Tableau
Dynamic Data Visualization with Tableau
AkashBorse2
 
What is data visualization
What is data visualizationWhat is data visualization
What is data visualization
intellect808
 
datavisualization-5thUnit.pdf
datavisualization-5thUnit.pdfdatavisualization-5thUnit.pdf
datavisualization-5thUnit.pdf
BrijeshPatil13
 
Knowledge Graphs Webinar- 11/7/2017
Knowledge Graphs Webinar- 11/7/2017Knowledge Graphs Webinar- 11/7/2017
Knowledge Graphs Webinar- 11/7/2017
Neo4j
 
Data visualization 2
Data visualization 2Data visualization 2
Data visualization 2
ManokamnaKochar1
 

Similar to Data visualization in a Nutshell (20)

Tableau Course In Chennai-October
Tableau Course In Chennai-OctoberTableau Course In Chennai-October
Tableau Course In Chennai-October
 
Power BI vs Tableau vs Cognos: A Data Analytics Research
Power BI vs Tableau vs Cognos: A Data Analytics ResearchPower BI vs Tableau vs Cognos: A Data Analytics Research
Power BI vs Tableau vs Cognos: A Data Analytics Research
 
Data visualization-tools
Data visualization-toolsData visualization-tools
Data visualization-tools
 
Tableau Course In Bangalore-October
Tableau Course In Bangalore-OctoberTableau Course In Bangalore-October
Tableau Course In Bangalore-October
 
Best Tableau training in Chandigarh.pptx
Best Tableau training in Chandigarh.pptxBest Tableau training in Chandigarh.pptx
Best Tableau training in Chandigarh.pptx
 
chapter 6 data visualization ppt.pptx
chapter 6 data visualization ppt.pptxchapter 6 data visualization ppt.pptx
chapter 6 data visualization ppt.pptx
 
Visualising montioring and evaluation data
Visualising montioring and evaluation dataVisualising montioring and evaluation data
Visualising montioring and evaluation data
 
CRM-UG Summit Phoenix 2018 - What is Common Data Model and how to use it?
CRM-UG Summit Phoenix 2018 - What is Common Data Model and how to use it?CRM-UG Summit Phoenix 2018 - What is Common Data Model and how to use it?
CRM-UG Summit Phoenix 2018 - What is Common Data Model and how to use it?
 
Data Visualization.pptx
Data Visualization.pptxData Visualization.pptx
Data Visualization.pptx
 
Interactive Dashboards
Interactive DashboardsInteractive Dashboards
Interactive Dashboards
 
Graph all the things - PRathle
Graph all the things - PRathleGraph all the things - PRathle
Graph all the things - PRathle
 
Nitor Infotech - Big Data Services
Nitor Infotech - Big Data ServicesNitor Infotech - Big Data Services
Nitor Infotech - Big Data Services
 
SPS Vancouver 2018 - What is CDM and CDS
SPS Vancouver 2018 - What is CDM and CDSSPS Vancouver 2018 - What is CDM and CDS
SPS Vancouver 2018 - What is CDM and CDS
 
Data Visualization Trends - Next Steps for Tableau
Data Visualization Trends - Next Steps for TableauData Visualization Trends - Next Steps for Tableau
Data Visualization Trends - Next Steps for Tableau
 
Dynamic Data Visualization with Tableau
Dynamic Data Visualization with TableauDynamic Data Visualization with Tableau
Dynamic Data Visualization with Tableau
 
Visual discovery tools
Visual discovery toolsVisual discovery tools
Visual discovery tools
 
What is data visualization
What is data visualizationWhat is data visualization
What is data visualization
 
datavisualization-5thUnit.pdf
datavisualization-5thUnit.pdfdatavisualization-5thUnit.pdf
datavisualization-5thUnit.pdf
 
Knowledge Graphs Webinar- 11/7/2017
Knowledge Graphs Webinar- 11/7/2017Knowledge Graphs Webinar- 11/7/2017
Knowledge Graphs Webinar- 11/7/2017
 
Data visualization 2
Data visualization 2Data visualization 2
Data visualization 2
 

Recently uploaded

Mission to Decommission: Importance of Decommissioning Products to Increase E...
Mission to Decommission: Importance of Decommissioning Products to Increase E...Mission to Decommission: Importance of Decommissioning Products to Increase E...
Mission to Decommission: Importance of Decommissioning Products to Increase E...
Product School
 
How world-class product teams are winning in the AI era by CEO and Founder, P...
How world-class product teams are winning in the AI era by CEO and Founder, P...How world-class product teams are winning in the AI era by CEO and Founder, P...
How world-class product teams are winning in the AI era by CEO and Founder, P...
Product School
 
UiPath Test Automation using UiPath Test Suite series, part 4
UiPath Test Automation using UiPath Test Suite series, part 4UiPath Test Automation using UiPath Test Suite series, part 4
UiPath Test Automation using UiPath Test Suite series, part 4
DianaGray10
 
Accelerate your Kubernetes clusters with Varnish Caching
Accelerate your Kubernetes clusters with Varnish CachingAccelerate your Kubernetes clusters with Varnish Caching
Accelerate your Kubernetes clusters with Varnish Caching
Thijs Feryn
 
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
Sri Ambati
 
Knowledge engineering: from people to machines and back
Knowledge engineering: from people to machines and backKnowledge engineering: from people to machines and back
Knowledge engineering: from people to machines and back
Elena Simperl
 
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdfSmart TV Buyer Insights Survey 2024 by 91mobiles.pdf
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf
91mobiles
 
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered QualitySoftware Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
Inflectra
 
Connector Corner: Automate dynamic content and events by pushing a button
Connector Corner: Automate dynamic content and events by pushing a buttonConnector Corner: Automate dynamic content and events by pushing a button
Connector Corner: Automate dynamic content and events by pushing a button
DianaGray10
 
Leading Change strategies and insights for effective change management pdf 1.pdf
Leading Change strategies and insights for effective change management pdf 1.pdfLeading Change strategies and insights for effective change management pdf 1.pdf
Leading Change strategies and insights for effective change management pdf 1.pdf
OnBoard
 
DevOps and Testing slides at DASA Connect
DevOps and Testing slides at DASA ConnectDevOps and Testing slides at DASA Connect
DevOps and Testing slides at DASA Connect
Kari Kakkonen
 
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
DanBrown980551
 
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
James Anderson
 
JMeter webinar - integration with InfluxDB and Grafana
JMeter webinar - integration with InfluxDB and GrafanaJMeter webinar - integration with InfluxDB and Grafana
JMeter webinar - integration with InfluxDB and Grafana
RTTS
 
FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf
FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdfFIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf
FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf
FIDO Alliance
 
Securing your Kubernetes cluster_ a step-by-step guide to success !
Securing your Kubernetes cluster_ a step-by-step guide to success !Securing your Kubernetes cluster_ a step-by-step guide to success !
Securing your Kubernetes cluster_ a step-by-step guide to success !
KatiaHIMEUR1
 
PCI PIN Basics Webinar from the Controlcase Team
PCI PIN Basics Webinar from the Controlcase TeamPCI PIN Basics Webinar from the Controlcase Team
PCI PIN Basics Webinar from the Controlcase Team
ControlCase
 
GraphRAG is All You need? LLM & Knowledge Graph
GraphRAG is All You need? LLM & Knowledge GraphGraphRAG is All You need? LLM & Knowledge Graph
GraphRAG is All You need? LLM & Knowledge Graph
Guy Korland
 
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
UiPathCommunity
 
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdfFIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
FIDO Alliance
 

Recently uploaded (20)

Mission to Decommission: Importance of Decommissioning Products to Increase E...
Mission to Decommission: Importance of Decommissioning Products to Increase E...Mission to Decommission: Importance of Decommissioning Products to Increase E...
Mission to Decommission: Importance of Decommissioning Products to Increase E...
 
How world-class product teams are winning in the AI era by CEO and Founder, P...
How world-class product teams are winning in the AI era by CEO and Founder, P...How world-class product teams are winning in the AI era by CEO and Founder, P...
How world-class product teams are winning in the AI era by CEO and Founder, P...
 
UiPath Test Automation using UiPath Test Suite series, part 4
UiPath Test Automation using UiPath Test Suite series, part 4UiPath Test Automation using UiPath Test Suite series, part 4
UiPath Test Automation using UiPath Test Suite series, part 4
 
Accelerate your Kubernetes clusters with Varnish Caching
Accelerate your Kubernetes clusters with Varnish CachingAccelerate your Kubernetes clusters with Varnish Caching
Accelerate your Kubernetes clusters with Varnish Caching
 
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
 
Knowledge engineering: from people to machines and back
Knowledge engineering: from people to machines and backKnowledge engineering: from people to machines and back
Knowledge engineering: from people to machines and back
 
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdfSmart TV Buyer Insights Survey 2024 by 91mobiles.pdf
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf
 
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered QualitySoftware Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
 
Connector Corner: Automate dynamic content and events by pushing a button
Connector Corner: Automate dynamic content and events by pushing a buttonConnector Corner: Automate dynamic content and events by pushing a button
Connector Corner: Automate dynamic content and events by pushing a button
 
Leading Change strategies and insights for effective change management pdf 1.pdf
Leading Change strategies and insights for effective change management pdf 1.pdfLeading Change strategies and insights for effective change management pdf 1.pdf
Leading Change strategies and insights for effective change management pdf 1.pdf
 
DevOps and Testing slides at DASA Connect
DevOps and Testing slides at DASA ConnectDevOps and Testing slides at DASA Connect
DevOps and Testing slides at DASA Connect
 
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
 
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
 
JMeter webinar - integration with InfluxDB and Grafana
JMeter webinar - integration with InfluxDB and GrafanaJMeter webinar - integration with InfluxDB and Grafana
JMeter webinar - integration with InfluxDB and Grafana
 
FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf
FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdfFIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf
FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf
 
Securing your Kubernetes cluster_ a step-by-step guide to success !
Securing your Kubernetes cluster_ a step-by-step guide to success !Securing your Kubernetes cluster_ a step-by-step guide to success !
Securing your Kubernetes cluster_ a step-by-step guide to success !
 
PCI PIN Basics Webinar from the Controlcase Team
PCI PIN Basics Webinar from the Controlcase TeamPCI PIN Basics Webinar from the Controlcase Team
PCI PIN Basics Webinar from the Controlcase Team
 
GraphRAG is All You need? LLM & Knowledge Graph
GraphRAG is All You need? LLM & Knowledge GraphGraphRAG is All You need? LLM & Knowledge Graph
GraphRAG is All You need? LLM & Knowledge Graph
 
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
 
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdfFIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
 

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