SlideShare a Scribd company logo
1 of 59
INTRODUCTION TOInfographics& Data Visualisation,[object Object],TrisnadiKurniawan / WEB DESIGNER,[object Object],Delivering Awesome Web Applications,[object Object]
About Trisnadi,[object Object],SSW Web DesignerUser Experience & Interface Design,[object Object],ProjectsASP.NET, SharePoint, DotNetNuke,[object Object],ClientsWorleyParsons, NineMSN, Microsoft, Energy Australia,[object Object]
Infographics & Data Visualisation
[object Object]
Visual processing is not new, its part of our history
Written language originated from drawing and sketching,[object Object]
Infographics & Data Visualisation
Infographics & Data Visualisation
Infographics & Data Visualisation
Infographics & Data Visualisation
Infographics & Data Visualisation
Infographics & Data Visualisation
Infographics & Data Visualisation
deliver message,[object Object]
deliver POWERFUL message,[object Object]
Infographics≠ Data Visualisation,[object Object]
visual representations of information, data or knowledge often used to support information, strengthen it and present it within a sensitive context.,[object Object],infographics,[object Object]
Infographics & Data Visualisation
Infographics & Data Visualisation
Infographics & Data Visualisation
Infographics & Data Visualisation
Infographics & Data Visualisation
Infographics & Data Visualisation
visually display measuredquantities by means of the combined use of points, lines, a coordinate system, numbers, symbols, words, shading and colour.,[object Object],Data Visualisation,[object Object]
More than simply translating a table of data into a visualisation,[object Object]
It should be...,[object Object],Quick,[object Object],Accurate,[object Object],Powerful,[object Object]
Infographics & Data Visualisation
Checklist,[object Object],Show the data,[object Object],AccurateDon’t distort the data,[object Object],Make large data sets coherent,[object Object],Serve a clear purpose,[object Object],Reveal the data at different levelsOverview vs Detailed,[object Object],EngagingEncourage viewer to compare different pieces of data,[object Object]
Examine the Data,[object Object]
Data VisualisationPatterns,[object Object],PROPORTIONS,[object Object],CONTINUOUS,[object Object],INDEPENDENT,[object Object],HIERARCHIES,[object Object],CORRELATIONS,[object Object],NETWORKS,[object Object],CARTOGRAPHICS,[object Object]
Infographics & Data Visualisation
Revealing the Data8 Preattentive Variables,[object Object]
“Certain visual features operate ‘preattentively:’ they convey information before the viewer pays conscious attention”,[object Object],JeniferTidwell,[object Object]
Infographics & Data Visualisation
Infographics & Data Visualisation
Infographics & Data Visualisation
Infographics & Data Visualisation
Infographics & Data Visualisation
Infographics & Data Visualisation
Infographics & Data Visualisation
Infographics & Data Visualisation
+,[object Object],1,[object Object],682,[object Object],605,[object Object],4074,[object Object]
Find all numbers greater than 1.0,[object Object]
Find all numbers greater than 1.0,[object Object]
Infographics & Data Visualisation
Infographics & Data Visualisation
Infographics & Data Visualisation
Infographics & Data Visualisation
Bad Exampleswhen infographics is less-than-helpful,[object Object]
Infographics & Data Visualisation
Infographics & Data Visualisation
there’s more...,[object Object]
INTERACTIONS,[object Object]
VisualisationCategories,[object Object]
Infographics & Data Visualisation
Looking Forward,[object Object],Descry (MIX Lab)http://www.visitmix.com/Lab/descry,[object Object],Gapminderhttp://www.gapminder.org/,[object Object],Google Visualisationhttp://code.google.com/apis/ajax/playground/?type=visualization,[object Object],Digg Labshttp://labs.digg.com/stack/,[object Object]
IntroductionOverview, Definition, History, Examples,[object Object],Data Visualisation PatternsBar charts, Line graphs, Stacked area charts, Pie charts, Ring charts, Scatterplots, Bubble charts,[object Object],Preattentive VariablesColour hue, Brightness, Saturation, Texture, Position, Orientation, Size, Shape,[object Object],User InteractionStatic, Animated, Interactive, Direct Manipulation,[object Object],In Summary,[object Object]
Questions?tristan@ssw.com.au,[object Object]
References,[object Object],Designing Interfaces by Jenifer Tidwellhttp://designinginterfaces.com,[object Object],Picturing Excess by Chris Jordanhttp://www.chrisjordan.com,[object Object],Visualising Databy Joel Laumans http://piksels.com,[object Object],MIX Descryhttp://www.visitmix.com/Lab/descry,[object Object],Data Visualization: Modern Approach by Smashing Magazinehttp://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/,[object Object]

More Related Content

What's hot

Real World End to End machine Learning Pipeline
Real World End to End machine Learning PipelineReal World End to End machine Learning Pipeline
Real World End to End machine Learning PipelineSrivatsan Srinivasan
 
Big data visualization
Big data visualizationBig data visualization
Big data visualizationAnurag Gupta
 
Introduction to Data Analytics
Introduction to Data AnalyticsIntroduction to Data Analytics
Introduction to Data AnalyticsUtkarsh Sharma
 
Introduction to Data Warehouse
Introduction to Data WarehouseIntroduction to Data Warehouse
Introduction to Data WarehouseSOMASUNDARAM T
 
The Data Science Process
The Data Science ProcessThe Data Science Process
The Data Science ProcessVishal Patel
 
Data leakage detection Complete Seminar
Data leakage detection Complete SeminarData leakage detection Complete Seminar
Data leakage detection Complete SeminarSumit Thakur
 
Approaching Data Quality
Approaching Data QualityApproaching Data Quality
Approaching Data QualityDATAVERSITY
 
Sentiment Analysis on Twitter
Sentiment Analysis on TwitterSentiment Analysis on Twitter
Sentiment Analysis on TwitterSubarno Pal
 
Data Analysis and Analytics.pdf
Data Analysis and Analytics.pdfData Analysis and Analytics.pdf
Data Analysis and Analytics.pdfrohitgautam105831
 
EDA | Exploratory Data Analysis | Machine Learning | Data Science
EDA | Exploratory Data Analysis | Machine Learning | Data ScienceEDA | Exploratory Data Analysis | Machine Learning | Data Science
EDA | Exploratory Data Analysis | Machine Learning | Data ScienceSumit Pandey
 
Knowledge discovery process
Knowledge discovery process Knowledge discovery process
Knowledge discovery process Shuvra Ghosh
 

What's hot (20)

Real World End to End machine Learning Pipeline
Real World End to End machine Learning PipelineReal World End to End machine Learning Pipeline
Real World End to End machine Learning Pipeline
 
Big data visualization
Big data visualizationBig data visualization
Big data visualization
 
Introduction to Data Analytics
Introduction to Data AnalyticsIntroduction to Data Analytics
Introduction to Data Analytics
 
Introduction to Data Warehouse
Introduction to Data WarehouseIntroduction to Data Warehouse
Introduction to Data Warehouse
 
Data visualization-tools
Data visualization-toolsData visualization-tools
Data visualization-tools
 
Motivation for big data
Motivation for big dataMotivation for big data
Motivation for big data
 
Data visualization
Data visualizationData visualization
Data visualization
 
Data Visualization
Data VisualizationData Visualization
Data Visualization
 
Data lake ppt
Data lake pptData lake ppt
Data lake ppt
 
The Data Science Process
The Data Science ProcessThe Data Science Process
The Data Science Process
 
Data leakage detection Complete Seminar
Data leakage detection Complete SeminarData leakage detection Complete Seminar
Data leakage detection Complete Seminar
 
Reports vs analysis
Reports vs analysisReports vs analysis
Reports vs analysis
 
Approaching Data Quality
Approaching Data QualityApproaching Data Quality
Approaching Data Quality
 
3 data visualization
3 data visualization3 data visualization
3 data visualization
 
Data Analysis in Python
Data Analysis in PythonData Analysis in Python
Data Analysis in Python
 
Sentiment Analysis on Twitter
Sentiment Analysis on TwitterSentiment Analysis on Twitter
Sentiment Analysis on Twitter
 
Data Analysis and Analytics.pdf
Data Analysis and Analytics.pdfData Analysis and Analytics.pdf
Data Analysis and Analytics.pdf
 
EDA | Exploratory Data Analysis | Machine Learning | Data Science
EDA | Exploratory Data Analysis | Machine Learning | Data ScienceEDA | Exploratory Data Analysis | Machine Learning | Data Science
EDA | Exploratory Data Analysis | Machine Learning | Data Science
 
Knowledge discovery process
Knowledge discovery process Knowledge discovery process
Knowledge discovery process
 
Predictive data analytics models and their applications
Predictive data analytics models and their applicationsPredictive data analytics models and their applications
Predictive data analytics models and their applications
 

Viewers also liked

Fundamental Ways We Use Data Visualizations
Fundamental Ways We Use Data VisualizationsFundamental Ways We Use Data Visualizations
Fundamental Ways We Use Data VisualizationsInitial State
 
Separating Myth from Truth in Data Visualisation
Separating Myth from Truth in Data VisualisationSeparating Myth from Truth in Data Visualisation
Separating Myth from Truth in Data VisualisationAndy Kirk
 
Let's do some thinking about data visualisation thinking
Let's do some thinking about data visualisation thinkingLet's do some thinking about data visualisation thinking
Let's do some thinking about data visualisation thinkingAndy Kirk
 
Visualisation: VALA 2014 L Plate session
Visualisation: VALA 2014 L Plate sessionVisualisation: VALA 2014 L Plate session
Visualisation: VALA 2014 L Plate sessionKate Davis
 
Data visualisation as a campaign tool for change
Data visualisation as a campaign tool for changeData visualisation as a campaign tool for change
Data visualisation as a campaign tool for changeLittle Web Giants
 
Data Visualisation for Data Science
Data Visualisation for Data ScienceData Visualisation for Data Science
Data Visualisation for Data ScienceChristophe Bontemps
 
The 8 Hats of Data Visualisation
The 8 Hats of Data VisualisationThe 8 Hats of Data Visualisation
The 8 Hats of Data VisualisationAndy Kirk
 
The Power of Infographics
The Power of InfographicsThe Power of Infographics
The Power of InfographicsMark Smiciklas
 
24 Awesome Infographic Ideas to Inspire Your Next Beautiful Creation
24 Awesome Infographic Ideas to Inspire Your Next Beautiful Creation24 Awesome Infographic Ideas to Inspire Your Next Beautiful Creation
24 Awesome Infographic Ideas to Inspire Your Next Beautiful CreationPiktochart
 
Visual Design with Data
Visual Design with DataVisual Design with Data
Visual Design with DataSeth Familian
 
Three Viewpoints on Data Visualisation
Three Viewpoints on Data VisualisationThree Viewpoints on Data Visualisation
Three Viewpoints on Data VisualisationJuha Meronen
 
Data visualization history
Data visualization historyData visualization history
Data visualization historyChristopher Lysy
 
Probability 4.1
Probability 4.1Probability 4.1
Probability 4.1herbison
 
Using Data Visualization to Make Routine Health Information Meaningful
Using Data Visualization to Make Routine Health Information MeaningfulUsing Data Visualization to Make Routine Health Information Meaningful
Using Data Visualization to Make Routine Health Information MeaningfulRoutine Health Information Network
 
Digital humanities project: visual analytic tool for human rights remembrance...
Digital humanities project: visual analytic tool for human rights remembrance...Digital humanities project: visual analytic tool for human rights remembrance...
Digital humanities project: visual analytic tool for human rights remembrance...Lu Xiao
 
How to Make Infographics for Research
How to Make Infographics for Research How to Make Infographics for Research
How to Make Infographics for Research Evert Van den Broeck
 
Market Research Infographic
Market Research Infographic Market Research Infographic
Market Research Infographic Peng Lai
 
Infographics with B2B - research
Infographics with B2B - researchInfographics with B2B - research
Infographics with B2B - researchRamya Karunanithi
 

Viewers also liked (20)

Divum Corporate Presentation 2016
Divum Corporate Presentation 2016Divum Corporate Presentation 2016
Divum Corporate Presentation 2016
 
Fundamental Ways We Use Data Visualizations
Fundamental Ways We Use Data VisualizationsFundamental Ways We Use Data Visualizations
Fundamental Ways We Use Data Visualizations
 
Separating Myth from Truth in Data Visualisation
Separating Myth from Truth in Data VisualisationSeparating Myth from Truth in Data Visualisation
Separating Myth from Truth in Data Visualisation
 
Let's do some thinking about data visualisation thinking
Let's do some thinking about data visualisation thinkingLet's do some thinking about data visualisation thinking
Let's do some thinking about data visualisation thinking
 
Visualisation: VALA 2014 L Plate session
Visualisation: VALA 2014 L Plate sessionVisualisation: VALA 2014 L Plate session
Visualisation: VALA 2014 L Plate session
 
Data visualisation as a campaign tool for change
Data visualisation as a campaign tool for changeData visualisation as a campaign tool for change
Data visualisation as a campaign tool for change
 
Data Visualisation for Data Science
Data Visualisation for Data ScienceData Visualisation for Data Science
Data Visualisation for Data Science
 
The 8 Hats of Data Visualisation
The 8 Hats of Data VisualisationThe 8 Hats of Data Visualisation
The 8 Hats of Data Visualisation
 
The Power of Infographics
The Power of InfographicsThe Power of Infographics
The Power of Infographics
 
24 Awesome Infographic Ideas to Inspire Your Next Beautiful Creation
24 Awesome Infographic Ideas to Inspire Your Next Beautiful Creation24 Awesome Infographic Ideas to Inspire Your Next Beautiful Creation
24 Awesome Infographic Ideas to Inspire Your Next Beautiful Creation
 
Visual Design with Data
Visual Design with DataVisual Design with Data
Visual Design with Data
 
Three Viewpoints on Data Visualisation
Three Viewpoints on Data VisualisationThree Viewpoints on Data Visualisation
Three Viewpoints on Data Visualisation
 
Data visualization history
Data visualization historyData visualization history
Data visualization history
 
Probability 4.1
Probability 4.1Probability 4.1
Probability 4.1
 
Graphing
GraphingGraphing
Graphing
 
Using Data Visualization to Make Routine Health Information Meaningful
Using Data Visualization to Make Routine Health Information MeaningfulUsing Data Visualization to Make Routine Health Information Meaningful
Using Data Visualization to Make Routine Health Information Meaningful
 
Digital humanities project: visual analytic tool for human rights remembrance...
Digital humanities project: visual analytic tool for human rights remembrance...Digital humanities project: visual analytic tool for human rights remembrance...
Digital humanities project: visual analytic tool for human rights remembrance...
 
How to Make Infographics for Research
How to Make Infographics for Research How to Make Infographics for Research
How to Make Infographics for Research
 
Market Research Infographic
Market Research Infographic Market Research Infographic
Market Research Infographic
 
Infographics with B2B - research
Infographics with B2B - researchInfographics with B2B - research
Infographics with B2B - research
 

Similar to Infographics & Data Visualisation

OU Stats Conference - Quick Ways In to DataViz
OU Stats Conference - Quick Ways In to DataVizOU Stats Conference - Quick Ways In to DataViz
OU Stats Conference - Quick Ways In to DataVizTony Hirst
 
tableau online training course Content
 tableau online training course Content tableau online training course Content
tableau online training course ContentRS Trainings
 
BigData Visualization and Usecase@TDGA-Stelligence-11july2019-share
BigData Visualization and Usecase@TDGA-Stelligence-11july2019-shareBigData Visualization and Usecase@TDGA-Stelligence-11july2019-share
BigData Visualization and Usecase@TDGA-Stelligence-11july2019-sharestelligence
 
Nagios Conference 2013 - Andy Brist - Data Visualizations and Nagios XI
Nagios Conference 2013 - Andy Brist - Data Visualizations and Nagios XINagios Conference 2013 - Andy Brist - Data Visualizations and Nagios XI
Nagios Conference 2013 - Andy Brist - Data Visualizations and Nagios XINagios
 
20130117 - Big Data Architectures
20130117 - Big Data Architectures20130117 - Big Data Architectures
20130117 - Big Data ArchitecturesBlueMetalInc
 
OpenSistemas Corporate Presentation
OpenSistemas Corporate PresentationOpenSistemas Corporate Presentation
OpenSistemas Corporate PresentationOpenSistemas
 
Brief Intro to Data Visualisation
Brief Intro to Data VisualisationBrief Intro to Data Visualisation
Brief Intro to Data VisualisationRi Liu
 
Scaling up your Analytics & Insights
Scaling up your Analytics & InsightsScaling up your Analytics & Insights
Scaling up your Analytics & InsightsLoQutus
 
QWC 2014 - A picture worth 1000 words
QWC 2014 - A picture worth 1000 wordsQWC 2014 - A picture worth 1000 words
QWC 2014 - A picture worth 1000 wordsJohn Park
 
Making attractive Big Data Diagrams
Making attractive Big Data DiagramsMaking attractive Big Data Diagrams
Making attractive Big Data DiagramsPeter Zvirinsky
 
Hiring for data roles - Adwait Bhave (ML Engineer and Data Scientist at Druva
Hiring for data roles - Adwait Bhave (ML Engineer and Data Scientist at DruvaHiring for data roles - Adwait Bhave (ML Engineer and Data Scientist at Druva
Hiring for data roles - Adwait Bhave (ML Engineer and Data Scientist at DruvaAnupran Trivedi
 
엔터프라이즈의 AI/ML 활용을 돕는 Paxata 지능형 데이터 전처리 플랫폼 (최문규 이사, PAXATA) :: AWS Techforum...
엔터프라이즈의 AI/ML 활용을 돕는 Paxata 지능형 데이터 전처리 플랫폼 (최문규 이사, PAXATA) :: AWS Techforum...엔터프라이즈의 AI/ML 활용을 돕는 Paxata 지능형 데이터 전처리 플랫폼 (최문규 이사, PAXATA) :: AWS Techforum...
엔터프라이즈의 AI/ML 활용을 돕는 Paxata 지능형 데이터 전처리 플랫폼 (최문규 이사, PAXATA) :: AWS Techforum...Amazon Web Services Korea
 
Denodo Datafest 2017 London Tekin Mentes Logitech
Denodo Datafest 2017 London Tekin Mentes LogitechDenodo Datafest 2017 London Tekin Mentes Logitech
Denodo Datafest 2017 London Tekin Mentes LogitechTekin Mentes
 
Visual Analytics in Big Data
Visual Analytics in Big DataVisual Analytics in Big Data
Visual Analytics in Big DataSaurabh Shanbhag
 
Self-Service Analytics Framework - Connected Brains 2018
Self-Service Analytics Framework - Connected Brains 2018Self-Service Analytics Framework - Connected Brains 2018
Self-Service Analytics Framework - Connected Brains 2018LoQutus
 
Power BI : A Detailed Discussion
Power BI : A Detailed DiscussionPower BI : A Detailed Discussion
Power BI : A Detailed DiscussionSwatiTripathi44
 

Similar to Infographics & Data Visualisation (20)

OU Stats Conference - Quick Ways In to DataViz
OU Stats Conference - Quick Ways In to DataVizOU Stats Conference - Quick Ways In to DataViz
OU Stats Conference - Quick Ways In to DataViz
 
tableau online training course Content
 tableau online training course Content tableau online training course Content
tableau online training course Content
 
BigData Visualization and Usecase@TDGA-Stelligence-11july2019-share
BigData Visualization and Usecase@TDGA-Stelligence-11july2019-shareBigData Visualization and Usecase@TDGA-Stelligence-11july2019-share
BigData Visualization and Usecase@TDGA-Stelligence-11july2019-share
 
DATA VISUALIZATION
DATA VISUALIZATIONDATA VISUALIZATION
DATA VISUALIZATION
 
Nagios Conference 2013 - Andy Brist - Data Visualizations and Nagios XI
Nagios Conference 2013 - Andy Brist - Data Visualizations and Nagios XINagios Conference 2013 - Andy Brist - Data Visualizations and Nagios XI
Nagios Conference 2013 - Andy Brist - Data Visualizations and Nagios XI
 
20130117 - Big Data Architectures
20130117 - Big Data Architectures20130117 - Big Data Architectures
20130117 - Big Data Architectures
 
OpenSistemas Corporate Presentation
OpenSistemas Corporate PresentationOpenSistemas Corporate Presentation
OpenSistemas Corporate Presentation
 
Brief Intro to Data Visualisation
Brief Intro to Data VisualisationBrief Intro to Data Visualisation
Brief Intro to Data Visualisation
 
Scaling up your Analytics & Insights
Scaling up your Analytics & InsightsScaling up your Analytics & Insights
Scaling up your Analytics & Insights
 
QWC 2014 - A picture worth 1000 words
QWC 2014 - A picture worth 1000 wordsQWC 2014 - A picture worth 1000 words
QWC 2014 - A picture worth 1000 words
 
Making attractive Big Data Diagrams
Making attractive Big Data DiagramsMaking attractive Big Data Diagrams
Making attractive Big Data Diagrams
 
Tableau desktop ipad
Tableau desktop ipadTableau desktop ipad
Tableau desktop ipad
 
What is Data Science?
What is Data Science?What is Data Science?
What is Data Science?
 
Hiring for data roles - Adwait Bhave (ML Engineer and Data Scientist at Druva
Hiring for data roles - Adwait Bhave (ML Engineer and Data Scientist at DruvaHiring for data roles - Adwait Bhave (ML Engineer and Data Scientist at Druva
Hiring for data roles - Adwait Bhave (ML Engineer and Data Scientist at Druva
 
Who Is Data Transformed
Who Is Data TransformedWho Is Data Transformed
Who Is Data Transformed
 
엔터프라이즈의 AI/ML 활용을 돕는 Paxata 지능형 데이터 전처리 플랫폼 (최문규 이사, PAXATA) :: AWS Techforum...
엔터프라이즈의 AI/ML 활용을 돕는 Paxata 지능형 데이터 전처리 플랫폼 (최문규 이사, PAXATA) :: AWS Techforum...엔터프라이즈의 AI/ML 활용을 돕는 Paxata 지능형 데이터 전처리 플랫폼 (최문규 이사, PAXATA) :: AWS Techforum...
엔터프라이즈의 AI/ML 활용을 돕는 Paxata 지능형 데이터 전처리 플랫폼 (최문규 이사, PAXATA) :: AWS Techforum...
 
Denodo Datafest 2017 London Tekin Mentes Logitech
Denodo Datafest 2017 London Tekin Mentes LogitechDenodo Datafest 2017 London Tekin Mentes Logitech
Denodo Datafest 2017 London Tekin Mentes Logitech
 
Visual Analytics in Big Data
Visual Analytics in Big DataVisual Analytics in Big Data
Visual Analytics in Big Data
 
Self-Service Analytics Framework - Connected Brains 2018
Self-Service Analytics Framework - Connected Brains 2018Self-Service Analytics Framework - Connected Brains 2018
Self-Service Analytics Framework - Connected Brains 2018
 
Power BI : A Detailed Discussion
Power BI : A Detailed DiscussionPower BI : A Detailed Discussion
Power BI : A Detailed Discussion
 

Recently uploaded

LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfHctorFranciscoSnchez1
 
Central-Visayas-1.pdf reporting purposes
Central-Visayas-1.pdf reporting purposesCentral-Visayas-1.pdf reporting purposes
Central-Visayas-1.pdf reporting purposesmilalabial
 
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...Pranav Subramanian
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLkenzukiri
 
Production of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxProduction of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxb2kshani34
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Ted Drake
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillCre8iveskill
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazineRivanEleraki
 
Mike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtMike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtTeeFusion
 
Materi dasar prototype dan figma .pdf
Materi dasar prototype dan figma    .pdfMateri dasar prototype dan figma    .pdf
Materi dasar prototype dan figma .pdfardanaadam1
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024Alan Dix
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024mikailaoh
 
INTRODUCTION TO UI/UX DESIGN BEGINNERS.pdf
INTRODUCTION TO UI/UX DESIGN BEGINNERS.pdfINTRODUCTION TO UI/UX DESIGN BEGINNERS.pdf
INTRODUCTION TO UI/UX DESIGN BEGINNERS.pdfphriedaoyigada
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsBlock Party
 
Cold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxCold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxSamKuruvilla5
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Ed Orozco
 
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Amil baba
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxHasan S
 
Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...
Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...
Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...Yantram Animation Studio Corporation
 
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfBuilding+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfsaidbilgen
 

Recently uploaded (20)

LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdf
 
Central-Visayas-1.pdf reporting purposes
Central-Visayas-1.pdf reporting purposesCentral-Visayas-1.pdf reporting purposes
Central-Visayas-1.pdf reporting purposes
 
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
 
Production of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxProduction of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptx
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkill
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazine
 
Mike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtMike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy Shirt
 
Materi dasar prototype dan figma .pdf
Materi dasar prototype dan figma    .pdfMateri dasar prototype dan figma    .pdf
Materi dasar prototype dan figma .pdf
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024
 
INTRODUCTION TO UI/UX DESIGN BEGINNERS.pdf
INTRODUCTION TO UI/UX DESIGN BEGINNERS.pdfINTRODUCTION TO UI/UX DESIGN BEGINNERS.pdf
INTRODUCTION TO UI/UX DESIGN BEGINNERS.pdf
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teams
 
Cold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxCold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptx
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
 
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
 
Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...
Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...
Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...
 
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfBuilding+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
 

Infographics & Data Visualisation

  • 1.
  • 2.
  • 4.
  • 5. Visual processing is not new, its part of our history
  • 6.
  • 14.
  • 15.
  • 16.
  • 17.
  • 24.
  • 25.
  • 26.
  • 28.
  • 29.
  • 30.
  • 32.
  • 33.
  • 42.
  • 43.
  • 44.
  • 49.
  • 52.
  • 53.
  • 54.
  • 56.
  • 57.
  • 58.
  • 59.
  • 60.

Editor's Notes

  1. Trivia: this day in 1633 Galileo faced court over his heliocentric research
  2. Depicts one million plastic cups, the number used on airline flights in the US every six hours.
  3. 40 million paper cups a day
  4. 410,000 (15 minutes)
  5. Infographics is everywhereRoadway sign,Subway map,Brochure,Product manual,Instructions on prescription bottle,Assembly guide
  6. The main goal of data visualization is its ability to visualize data, communicating information clearly and effectively. It doesn’t mean that data visualization needs to look boring to be functional or extremely sophisticated to look beautiful.
  7. http://www.traumkrieger.de/virtualwater/
  8. There are countless possibilities of how to visualize data; but there are many design patterns which are proven to be effective for specific types of data. The following section provides examples of data visualization patterns and a short rationale for when to use them.Independent quantities (bar charts)Comparing the values of independent variablesContinuous quantities (line graphs & stacked area)For data that is continuous, for example when visualizing data over a period of time.Proportions (pie & ring charts)Proportions are used when the data represents parts of a whole.Hierarchies (tree diagrams)Used when the data has a strict hierarchy that needs to be communicated.Networks (diagram map)Network visualizations are used when the most important feature of the visualization is to show which data is connected to each other, as opposed to how.CorrelationsThese are used when each piece of data has two quantifiable variables which can be plotted on a grid.CartographicFor data that is relevant to specific locations or regions which can be plotted on a map.There are more. Don’t limit your scope on these! (see next example)
  9. “Certain visual features operate ‘preattentively:’ they convey information before the viewer pays conscious attention”
  10. There is no visual aid to help us find the values greater than 1.0, forcing us to read all of the data and understand it. Now look at the following table.
  11. StaticThe data visualization does not change over time, and offers no user interaction.AnimatedThe data visualization changes over time - using time as another dimension or variable.InteractiveThe user can interact with the visualization by altering what data is viewed and / or how it is viewed - however the results of interactions are not immediately visible.Direct manipulationThe user can interact with the visualization by altering what data is viewed and / or how it is viewed - and the result of all interactions are immediately visible.