SlideShare a Scribd company logo
彭其捷
foxfirejack@gmail.com
Data Visualization &
Data Storytelling50%
40%
80%
60%
ABOUT ME
About Me
【Cameo】Project Manager
【NTU】Geography and Environment
Data Science PM, Platform PM
Geospatial Computational Science
Data system design, system
development, front-end engineer,
database administrator
Department of Information
Management System
Department of Information
Management System
About Me
4
● National Chin Hwa University:AI & Experience Design Speaker
● National Taiwan University:Data StoryTelling Speaker
● Cathayholdings:Data Visualization Trainging Course
● 2017 datasci conference:Data Visualization Speaker
● KKDAY:Tableau Traing Course Coach
● Taiwan Railway Bureau:new IT Trend & UX course
● Chung Yuan University:Frond-End Engineering & RWD Teacher
● Soochow University:EMBA - VR/AR & Crowdfunding Speaker
● MOTC:Design Thinking Workshop Coach
● Instuitute of Information Manament:Design Thinking Workshop Coach
● Environment Protection Unit:Service Design Teacher
● Tiandiren:Data Visualization Trainging Course Coach
● YOTTA:Design Thinking Coach
My published books(Data-related , Web/App design)
BigData Management
Environment Protection Unit(EPA)
By Using IoT
Technology &
AI, Assist in
environmental
inspection.
Data Visualization & Data Storytelling
Data Visualization
Question
What is the advantage of
data visualization?
Data visualization
allows left and right
brain collaboration
Left
● Logic
● number
● Language
Right
● Symbol
● Image
● Color
Raw Data
Raw Data > Visualization
Data visualization
Data visualization is viewed by many disciplines as a
modern equivalent of visual communication. It involves
the creation and study of the visual representation of
data.
To communicate information clearly and efficiently,
data visualization uses statistical graphics, plots,
information graphics and other tools. Numerical data
may be encoded using dots, lines, or bars, to visually
communicate a quantitative message
Advantage : Dimension Reduction(資訊降維)
<< Key Result >>
<< Raw Data >> << Viz Diagram >>
<< Dataset >>
Question
What is the first challenge
for data Visualization
Project?
The first challenge : Data Clean(ETL)
<< Data Source >> << Clean Data >> << Data Warehouse >>
Extract-Transform-Load
ETL:Important & Time-Consuming
Sort
Substring
Merge Column
Different Table Join
Replace
Export
ETL:50~90% project time
ETL tool - Tableau Prep
Question
is Data
Visualization
easy?
https://viz.wtf/
https://www.ted.com/talks/david_mccandless_the_beauty_of_data_visualization?language=zh-tw
Information Can Be More
Meaningful by design it,
and we can derived some
interesting patterns inside
Data Visualization & Data Storytelling
a good Data Visualization Indicator
Key
Element
Explain
Information
It plays a very important role in data visualization, ensuring the
accuracy, honesty, and consistency of visual results.
Story
Emphasize how to create links with readers and make readers feel
that these charts are meaningful to them.
Goal
It is emphasized that visual results must be useful, such as whether
a useful insight is presented, whether an impressive conclusion
can be made, etc.
Visual Form
As its name suggests, the focus is on the presentation of aesthetics,
emphasizing structural design, overall coordination, etc.
The Data Visualization Catalogue
https://datavizcatalogue.com/
The Data Visualization Catalogue - Bar Plot
datavizproject.com
https://datavizproject.com/
datavizproject.com - Sankey Diagram
TreeMap diagram
Data Visualization & Data Storytelling
Dam/Reservoir/Water Dashboard
https://water.taiwanstat.com/
Infographic & Data Story
Question
Infographic?
Data Visualization?
Infographic
資訊圖表
Infographic & Data Visualization
“Let the reader explain it“
Infographic Data
Visualization
“Tell a summarized story”
spectrum
Infographic & Data Visualization
Infographic Data Visualization
"story" visualization "Data" visualization
Subjective(主觀) objective(客觀)
spectrum
Data Visualization & Data Storytelling
https://coolinfographics.com/blog/2018/1/26/top-reasons-
startups-fail.html
Data Visualization & Data Storytelling
Data + Visual is enough?
Data
Visuals
Enlighten
Expert
People
Data + Visual
Data
Visuals
Enlighten
Expert
People
https://www.forbes.com/sites/brentdykes/
VIDEO
Organize : Data + Visuals + Narrative > change
Data
Narrative
Visuals
Enlighten
Engage
Explain
Change
Visual aids
What happened to the explanation
data? What important information
was revealed ?
engage people or even
entertain an audience
44
https://www.forbes.com/sites/brentdykes/
Data
45
【Data】
106
【Visuals】
46107
Data
【Narrative】
https://leemeng.tw/gapminder.html
Data Visualization
Tool
Question
Tools about data
visualization?
Office:Excel / Powerpoint
PowerBI
Tableau
Processing
Python
R Language
JavaScript : website application
Google Sheet
PIKTOCHART - Creating Infographic
PlotDB : Data Visualization Website
Wordle & wordArt Tag Cloud
Wordle & wordart
David
McCandless
Data visualization is a
solution to complex
information. Even a
huge amount of terrible
information can become
a beautiful vision and let
people understand.
THE END

More Related Content

PPTX
SMART CITIES DEVELOPMENT.pptx
PDF
Tóm lược về Dân chủ
PDF
JAMA - Guide to Statistics and Methods.pdf
PPTX
Data Visualization
PPTX
Data visualization
PDF
How You Can Change the World
PDF
Storytelling with Data - Approach | Skills
PPT
Digital Storytelling
SMART CITIES DEVELOPMENT.pptx
Tóm lược về Dân chủ
JAMA - Guide to Statistics and Methods.pdf
Data Visualization
Data visualization
How You Can Change the World
Storytelling with Data - Approach | Skills
Digital Storytelling

What's hot (20)

PDF
Storytelling with Data
PPTX
Data Visualization
PDF
Visualisation & Storytelling in Data Science & Analytics
PPTX
Data Visualization
PPTX
Data Visualization - What can you see? #baai17
PDF
Data Visualization
PDF
8 Steps to Creating a Data Strategy
PDF
Data Architecture Strategies: Building an Enterprise Data Strategy – Where to...
PDF
"Introduction to Data Visualization" Workshop for General Assembly by Hunter ...
PDF
Data Architecture, Solution Architecture, Platform Architecture — What’s the ...
PPTX
Introduction to Data Visualization
PPTX
Tableau Software - Business Analytics and Data Visualization
PDF
10 Principles for Data Storytelling
PPTX
Visual Analytics Best Practices
PDF
Brief introduction to data visualization
PDF
You Need a Data Catalog. Do You Know Why?
PPTX
3 data visualization
PDF
Data visualization introduction
PDF
Enterprise Architecture vs. Data Architecture
PDF
Data Visualization in Data Science
Storytelling with Data
Data Visualization
Visualisation & Storytelling in Data Science & Analytics
Data Visualization
Data Visualization - What can you see? #baai17
Data Visualization
8 Steps to Creating a Data Strategy
Data Architecture Strategies: Building an Enterprise Data Strategy – Where to...
"Introduction to Data Visualization" Workshop for General Assembly by Hunter ...
Data Architecture, Solution Architecture, Platform Architecture — What’s the ...
Introduction to Data Visualization
Tableau Software - Business Analytics and Data Visualization
10 Principles for Data Storytelling
Visual Analytics Best Practices
Brief introduction to data visualization
You Need a Data Catalog. Do You Know Why?
3 data visualization
Data visualization introduction
Enterprise Architecture vs. Data Architecture
Data Visualization in Data Science
Ad

Similar to Data Visualization & Data Storytelling (20)

PDF
Resume of Stacy Lauren Hendricks
PPTX
20180701 - 1st Meeting - Data Science Orientation
PDF
Resume - Abhishek Ray-Mar-2016 - Ind
PDF
Northern New England Tableau User Group (TUG) May 2024
PDF
Northern New England TUG May 2024 - Abbott, Taft, Rugemer
DOC
Mujeeb Rahiman_CV
DOCX
Rajesh Manjunath
DOCX
madhuri_r
DOCX
DOCX
CIS 499 – Faculty Notes(Prerequisite To be taken last or ne.docx
PDF
Data-Ed: Data Architecture Requirements
PDF
Data-Ed Webinar: Data Architecture Requirements
DOC
Sanjay cv
DOC
Sanjay CV
PDF
Big Data for Data Scientists - Info Session
PPT
2015 career portfolio
PDF
Siwamate Leelapatomchai
PPTX
Enabling Data centric Teams
PPT
2016 career portfolio
DOC
CV - Luthfi Mohamad Latief
Resume of Stacy Lauren Hendricks
20180701 - 1st Meeting - Data Science Orientation
Resume - Abhishek Ray-Mar-2016 - Ind
Northern New England Tableau User Group (TUG) May 2024
Northern New England TUG May 2024 - Abbott, Taft, Rugemer
Mujeeb Rahiman_CV
Rajesh Manjunath
madhuri_r
CIS 499 – Faculty Notes(Prerequisite To be taken last or ne.docx
Data-Ed: Data Architecture Requirements
Data-Ed Webinar: Data Architecture Requirements
Sanjay cv
Sanjay CV
Big Data for Data Scientists - Info Session
2015 career portfolio
Siwamate Leelapatomchai
Enabling Data centric Teams
2016 career portfolio
CV - Luthfi Mohamad Latief
Ad

More from 彭其捷 Jack (20)

PDF
[演講簡報] Mopcon - 巧用 UI & UX 工具,提升設計溝通品質(彭其捷)
PDF
2021/3/22 亞洲大學|數位人文與互動科技
PDF
帶你一窺資料視覺化的神奇與奧妙(彭其捷)
PDF
2021/1/7|交大資管人的斜槓旅程
PDF
2020/12 交通大學_資料視覺化與我們的生活|彭其捷
PDF
2020/11 PyData|人人都可以學會的資料視覺化(彭其捷)
PDF
2020/11 台大地理系|Tableau 資料視覺化與地圖製作
PDF
2020_11 (南湖高中)用資料視覺化說故事
PDF
2020/11 中華電信|科技藝術與互動技術(製作者:彭其捷)
PPTX
2020_11 台北市立大學 特教學系|講題:善用設計思考,引導團隊溝通共識
PPTX
【台科大設計所】聊聊設計與數據思維|彭其捷
PDF
2020/8/15 AI學校:如何推動組織的 AI 團隊文化?(講者:彭其捷)
PDF
2020/7/25 台灣人工智慧學校|講題:AI與資料視覺化
PPTX
成大電機|大數據與使用者經驗設計 Workshop|彭其捷
PPTX
中原資管系|資管人的數位素養|彭其捷
PPTX
2019/11/28 環境數據分析|以空污分析為例
PDF
2019_11_21 世新大學|資料視覺化課程
PDF
【人工智慧學校】2019/11/22 AI 與特徵工程:PM觀點(彭其捷)
PDF
2019/10/27 創造力年會|用設計思考,讓團隊更有創造力|彭其捷
PPTX
2019年9月 台北科技大學分享(談閱讀與寫作)
[演講簡報] Mopcon - 巧用 UI & UX 工具,提升設計溝通品質(彭其捷)
2021/3/22 亞洲大學|數位人文與互動科技
帶你一窺資料視覺化的神奇與奧妙(彭其捷)
2021/1/7|交大資管人的斜槓旅程
2020/12 交通大學_資料視覺化與我們的生活|彭其捷
2020/11 PyData|人人都可以學會的資料視覺化(彭其捷)
2020/11 台大地理系|Tableau 資料視覺化與地圖製作
2020_11 (南湖高中)用資料視覺化說故事
2020/11 中華電信|科技藝術與互動技術(製作者:彭其捷)
2020_11 台北市立大學 特教學系|講題:善用設計思考,引導團隊溝通共識
【台科大設計所】聊聊設計與數據思維|彭其捷
2020/8/15 AI學校:如何推動組織的 AI 團隊文化?(講者:彭其捷)
2020/7/25 台灣人工智慧學校|講題:AI與資料視覺化
成大電機|大數據與使用者經驗設計 Workshop|彭其捷
中原資管系|資管人的數位素養|彭其捷
2019/11/28 環境數據分析|以空污分析為例
2019_11_21 世新大學|資料視覺化課程
【人工智慧學校】2019/11/22 AI 與特徵工程:PM觀點(彭其捷)
2019/10/27 創造力年會|用設計思考,讓團隊更有創造力|彭其捷
2019年9月 台北科技大學分享(談閱讀與寫作)

Recently uploaded (20)

PPTX
climate analysis of Dhaka ,Banglades.pptx
PDF
Lecture1 pattern recognition............
PPTX
MODULE 8 - DISASTER risk PREPAREDNESS.pptx
PDF
.pdf is not working space design for the following data for the following dat...
PDF
Clinical guidelines as a resource for EBP(1).pdf
PPTX
Computer network topology notes for revision
PPTX
advance b rammar.pptxfdgdfgdfsgdfgsdgfdfgdfgsdfgdfgdfg
PPTX
CEE 2 REPORT G7.pptxbdbshjdgsgjgsjfiuhsd
PPTX
Acceptance and paychological effects of mandatory extra coach I classes.pptx
PDF
Galatica Smart Energy Infrastructure Startup Pitch Deck
PDF
“Getting Started with Data Analytics Using R – Concepts, Tools & Case Studies”
PPTX
oil_refinery_comprehensive_20250804084928 (1).pptx
PDF
TRAFFIC-MANAGEMENT-AND-ACCIDENT-INVESTIGATION-WITH-DRIVING-PDF-FILE.pdf
PPTX
Data_Analytics_and_PowerBI_Presentation.pptx
PPTX
IB Computer Science - Internal Assessment.pptx
PPTX
Global journeys: estimating international migration
PDF
22.Patil - Early prediction of Alzheimer’s disease using convolutional neural...
PPTX
Introduction to Knowledge Engineering Part 1
PPT
Miokarditis (Inflamasi pada Otot Jantung)
PPTX
Introduction-to-Cloud-ComputingFinal.pptx
climate analysis of Dhaka ,Banglades.pptx
Lecture1 pattern recognition............
MODULE 8 - DISASTER risk PREPAREDNESS.pptx
.pdf is not working space design for the following data for the following dat...
Clinical guidelines as a resource for EBP(1).pdf
Computer network topology notes for revision
advance b rammar.pptxfdgdfgdfsgdfgsdgfdfgdfgsdfgdfgdfg
CEE 2 REPORT G7.pptxbdbshjdgsgjgsjfiuhsd
Acceptance and paychological effects of mandatory extra coach I classes.pptx
Galatica Smart Energy Infrastructure Startup Pitch Deck
“Getting Started with Data Analytics Using R – Concepts, Tools & Case Studies”
oil_refinery_comprehensive_20250804084928 (1).pptx
TRAFFIC-MANAGEMENT-AND-ACCIDENT-INVESTIGATION-WITH-DRIVING-PDF-FILE.pdf
Data_Analytics_and_PowerBI_Presentation.pptx
IB Computer Science - Internal Assessment.pptx
Global journeys: estimating international migration
22.Patil - Early prediction of Alzheimer’s disease using convolutional neural...
Introduction to Knowledge Engineering Part 1
Miokarditis (Inflamasi pada Otot Jantung)
Introduction-to-Cloud-ComputingFinal.pptx

Data Visualization & Data Storytelling

Editor's Notes

  • #2: Hello Everyone, Thanks for coming today Today’s Topic is Data Visualization & Data Storytelling In the past few years, I have carried out many data projects, and I have also compiled some books about this topic By the way, This is my first time to give a speech in English. If you have any question, please to raise your hand to let me know People who study data science use data visualization often, but many people use it just as a tool for display data purpose. But if you hope to let the results to be well-understood by more people, or you wish to guide people to make some behavior changes, there are a number of techniques that can be used, the most important were data visualization design and data storytelling, which will be shared in this presentation.
  • #3: Let me briefly introduce my background.
  • #4: I am currently working for Cameo, project manager I also also a Phd student at Taiwan University. My major is Geospatial Computational Science master degree & bachelor degree
  • #5: speech experience across many topics
  • #6: This is my related work Currently published a total of five books There are two main aspects, the first one is UI/UX, mainly in the system design. Two books in recent years, mainly related to data visualization and data science
  • #7: how do you feel the air qulaity ?
  • #8: https://youtu.be/JupYRTCxRqU https://youtu.be/JupYRTCxRqU ------------------------------------ I want to use this video to give a general introduction to my current work. That is definitely me~ you look at the clothes as well. We can observe the relevant pollution areas more deeply. In this project, we integrate all the collected data. Based on PM2.5 values and wind direction data We can learn about the suspected potential sources of pollution and push back the possible polluting plants.
  • #9: The final part I will quickly go through some viz tool
  • #10: The first question is : Why would we need to visualize the data? What do you think ?
  • #11: left : logic, digit, number righit : image, aethestic, by cooperation from left + right 「左腦」擅長的文字與數字邏輯,可透過右腦擅長的視覺方法來呈現,例如:資料分群、 資料分類、資料趨勢、資料異常等。 ● 「右腦」擅長顏色與形狀表達,可將分析結果進行視覺化呈現,並結合左腦擅長的理性 功能進行分析,做出決策判斷。
  • #12: Does anyone know This? This is network system log Record the transit status of network packets in the online world It’s very ugly, right ?
  • #13: does anyone here heard of Google Analytics? advantage undersable easy to understand more beaufly ? re-organized data to fit visual expectation
  • #15: get more understanding by its combination you can combine many dataset together and to use the
  • #16: The first question is : Why would we need to visualize the data? What do you think ?
  • #17: Does anyone know “ETL”? It means:Extract-Transform-Load Usually when we get the information, the data cannot be used directly. Many statistics show that data scientists usually spend more than 50% of their time sorting data, and other time can be used for analysis.
  • #18: Left : Dataset Sort:higher Data ascending / decending Substring:Longer string and only derived part of the string Merge : different column data merge together Join : different table have the same, so join together Export : to another DB / Spreadsheet
  • #19: For example, This is Domestic and other wine brewing quantity list not a structure enough format … table header table footer Unit
  • #20: in Excel / powerpoint : one click and visualization is born
  • #21: I am not kidding, there exist a website called WTF Visualizations very interesting, update everyday rediculous viz prepares some example from the website
  • #22: [天地人簡報有]
  • #24: create by David McCandless you can see 4 dimensions : Information , Story , Goal , Visual form which represent : data , concept , function, metaphor if you wanna create a successful visualization, you need to include these four essential element
  • #26: many different kind of chart inside it’s like a dictionary and you can check every diagram’s usage
  • #27: it’s like a dictionary and you can check every diagram’s usage for example, this is bar chart
  • #30: it’s a very useful diagram but few people used it often
  • #31: there are many type or shape of sankey diagram
  • #32: very good way to express water level of Dam(Reservoir)
  • #34: anyone hear infographic before ? can you distinguish what’s the different between infographic and data viz?
  • #35: infographic is like this
  • #36: No correct answer not 100% is a infographic maybe also not 100% a Data Visualization result but usually Infographic “Tell a summarized story” Data Visualization: “Let the reader explain it“
  • #37: relative Subjective(主觀) relative objective(客觀) this is also a spectrum relationship
  • #38: more likely as a infographic result
  • #39: more likely as a data viz result
  • #40: just by the name Data can tells a lot of story
  • #41: many research paper is difficult to be understand by gerenal people
  • #42: if you have a Data + Visuals not enough for peopl
  • #43: famous people “Brent Dykes” people hear statistics, but they feel stories
  • #44: https://www.ted.com/talks/hans_rosling_shows_the_best_stats_you_ve_ever_seen?language=zh-tw 2:00 ~ 5:05 影片在資料夾
  • #45: plus another essential: Narrative ====== https://medium.com/simple-is-power/%E8%AA%AA%E8%B3%87%E6%96%99%E7%9A%84%E6%95%85%E4%BA%8B-%E8%B3%87%E6%96%99%E7%A7%91%E5%AD%B8%E5%AE%B6%E4%B9%9F%E6%98%AF-%E8%B3%87%E6%96%99%E6%95%85%E4%BA%8B%E5%AE%B6-b05372264c73 好的資料故事融合三大元素,有資料佐證、透過圖像便於理解,並透過適當的敘述去說服、感動、教育讀者,甚至改變讀者想法而產生故事的影響力、採取行動
  • #47: very exciting narrative which make people understand more and remember more clearly
  • #48: 台灣的版本 https://leemeng.tw/gapminder.html
  • #49: The final part I will quickly go through some viz tool
  • #51: I think all of you know Excel / powerpoint and actually there have many choice to do data Viz task
  • #52: for example : powerBI
  • #53: another good tool : Tableu
  • #54: once I’ve select a design class for design background-friendly very Visual effect is just a function so you can easily to manipute
  • #55: many good chart library so you can easily create facinate diagram
  • #56: many good chart library so you can easily create facinate diagram
  • #57: Javascript is good for website application
  • #63: 我覺得可能正妹之類的,有機會不用了解太多 但當然要了解,但不一定要比最基層的工程師了解