Visualizing for Real Impact
อาจารย์ ดร. อานนท์ ศักดิ์วรวิชญ์
ผู้อานวยการศูนย์คลังปัญญาและสารสนเทศ
สาขาวิชา Business Analytics and Intelligence
สาขาวิชาวิทยาการประกันภัยและการบริหารความเสี่ยง
คณะสถิติประยุกต์ สถาบันบัณฑิตพัฒนบริหารศาสตร์
https://businessanalyticsnida.wordpress.com/
https://www.facebook.com/BusinessAnalyticsNIDA
"Un bon croquis vaut mieux qu'un long discours"
"A good sketch is better than a long speech"
ภาพที่ดีย่อมดีกว่าคาพูดที่ยาว
"A picture is worth a thousand words”
ภาพหนึ่งภาพแทนคาได้เป็นพันคา
Exploratory Data Analysis
Modeling
Insights and
Actionable
Knowledge
Visualizing
Communicating and Storytelling
Decision Making
Impact
Comparison!
Convincing!
Implementing
How can we visualize with real impact?
•บอกเล่าเรื่องราว (Telling story)
•มีข่าวสารที่จะสื่อ (Informative)
•มีความสัตย์ซื่อต่อความจริง (Integrity)
•ยิ่งง่ายยิ่งงดงาม (Simplicity)
•เปี่ยมความคิดสร้างสรรค์ (Creativity)
•ปลุกปั้นสุนทรีย์ (Aesthetics)
•ชี้นาปัญญาสังคม (Lighten up social wisdom)
บอกเล่าเรื่องราว (Telling story)
มีข่าวสารที่จะสื่อ (Informative)
มีความสัตย์ซื่อต่อความจริง (Integrity)
• Making an evidence presentation is a moral act as well as an
intellectual activity. To maintain standards of quality, relevance, and
integrity for evidence, consumers of presentations should insist that
presenters be held intellectually and ethically responsible for what
they show and tell. Thus consuming a presentation is also an
intellectual and a moral activity.
• —Beautiful Evidence, Edward Tufte
ที่มา
Facebook
ชมรมแพทย์
ชนบท
10 คะแนน = พึงพอใจมากที่สุด
8-9 คะแนน = พึงพอใจมาก
6-7 คะแนน = พึงพอใจปานกลาง
4-5 คะแนน = พึงพอใจน้อย
2-3 คะแนน = พึงพอใจน้อยที่สุด
1 คะแนน = ไม่พึงพอใจเลย
99.3% พึงพอใจ
ยิ่งง่ายยิ่งงดงาม (Simplicity)
เปี่ยมความคิดสร้างสรรค์ (Creativity)
ปลุกปั้นสุนทรีย์ (Aesthetics)
ชี้นาปัญญาสังคม (Lighten up social wisdom)
Practical guidelines for
visualizing with real impact
1. วิเคราะห์จานวนและลักษณะตัวแปรให้แน่ชัด
The greatest value of a picture is when it forces us to
notice what we never expected to see.
Doing statistics is like doing crosswords except that one
cannot know for sure whether one has found the solution.
It is important to understand what you CAN DO before you
learn to measure how WELL you seem to have DONE it
To learn about data analysis, it is right that each of us try
many things that do not work
2.กาหนดสารที่ต้องการจะสื่อจากรูปให้ชัดเจน โดยวิเคราะห์ข้อมูลเชิง
บุกเบิก/Modeling จนกว่าจะมีสารที่จะสื่อชัดเจน
3. กาหนดเป้าหมายของการสื่อสาร จะบรรยาย/เปรียบเทียบ/ความสัมพันธ์/
พยากรณ์ ข้อมูล
•บรรยาย
•เปรียบเทียบ
•ความสัมพันธ์-พยากรณ์
4. วิเคราะห์ว่าใครคือ audience
•วาดกราฟให้นักวิชาการ เพื่อตีพิมพ์
•วาดกราฟลงหนังสือพิมพ์
•การใช้ศัพท์เทคนิค (ควรจะแค่ไหน)
•จะเล่าเรื่องให้ใครฟัง
5. วิเคราะห์ 1-4 และกาหนดประเภทของรูปที่จะใช้
(There is no single guideline)!!!!
6. วิเคราะห์ว่าสื่อไหนที่เราจะใช้ในการนาเสนอ เช่น หนังสือพิมพ์กระดาษ
อินเตอร์เน็ต หรือโทรทัศน์
Video – The best for time-series data
Interactive Chart with layering or scroll bar
3D animation
Infographic
Dashboard
http://psc.apl.washington.edu/wordpress/project/aectic-sea-ice-
volume-anomaly
7. เลือก classic design ที่คนเข้าใจได้ง่ายอยู่แล้ว
8. หลีกเลี่ยงการออกแบบใหม่ แต่ค้นคว้าของเดิมก่อน ส่วนใหญ่จะมี design ที่ดีอยู่แล้ว
http://www.excelcampus.com/charts/dynamic-
stacked-column-bar-chart-find-the-missing-trends/
9.จับคู่ระหว่างตัวแปรที่นาเสนอกับ graphic element จงทาให้มั่นใจว่าทุก
graphic element มีข้อมูล และทุกข้อมูลมี graphic element และความสัมพันธ์
ระหว่าง graphic element กับข้อมูลเป็น one-to-one function
Information Graphic Element
Spending (PPP US dollar) x-axis
Life expectancy y-axis
Country point label
UC versus Non UC shape of point
Doctor Visit color
color
font type
font size
orientation
location (x,y)
10. ออกแบบโดยให้ได้ information มากที่สุดและใช้หมึกน้อยที่สุด (Maximize
data-ink ratio)
"Data-ink ratio = data-ink / total ink used to print the graphic
= proportion of a graphic's ink devoted to the non-redundant display of
data-information
= 1.0 - proportion of a graphic that can be erased without loss of data-
information"
One should
•"maximize the data-ink ratio, within reason"
•"erase non-data-ink, within reason"
•"erase redundant data-ink, within reason“
Measure of perception distortion
11. ซื่อตรงกับข้อมูลต้องไม่บิดเบือนข้อมูล
12. พยายามให้รูปบอกเล่าเรื่องราวได้ด้วยตนเอง เกิดการเปรียบเทียบให้ได้มาก
ที่สุด
Label (a) illegibly, (b) incompletely,(c) incorrectly, and (d) ambiguously
Jiggle the baseline-Don’t do this!
Hide what data you do show (Minimize the
data-ink ratio)
13. แสดงข้อมูลให้ได้มากที่สุด ทาให้ข้อมูลเด่น ไม่ว่าจะเป็นการใช้สี เส้น จุด
http://www.colorsontheweb.com/colo
rcontrasts.asp
14. ไม่ใส่รายละเอียดมากเกินไปจนไม่เห็นภาพรวมหรือทาให้รูปยุ่งเหยิง
Emphasize the trivial (Ignore the important)
15. Sketch และลงมือวาด วิพากษ์ที่ตนเองวาด สมมุติว่าตนเองเป็น audience
16. Redraw จนไม่สามารถตาหนิงานของตนเองได้
“…เดิมทีเดียวข้าพเจ้าตั้งข้อคิดเกี่ยวกับการพัฒนาประเทศไว้ว่า ในการทาโครงการพัฒนา
เศรษฐกิจต่างๆ จะต้องอาศัยใช้ข้อมูลที่ถูกต้องเป็นหลัก และจะต้องใช้นักสถิติที่มีความรู้
ความสามารถชั้นสูงเป็นผู้ปฏิบัติ…”
พระบรมราโชวาทในพิธีพระราชทานปริญญาบัตร
ของสถาบันบัณฑิตพัฒนบริหารศาสตร์ครั้งแรก
เมื่อวันพฤหัสบดีที่ 19 พฤหัสบดีที่ 19 พฤศจิกายน 2513
ณ สถาบันบัณฑิตพัฒนบริหารศาสตร์
Visualizing for impact final

Visualizing for impact final