28 July 2015 This workshop tends to give the overview understanding of infographic to researchers and teachers. Also it shows the thinking process how to simplify massive data and create infographic.

1. Perus Saranurak 28 July 2015
data 1
data 2
data 3
data 4
data 5
data 6
data 7
INFOGRAPHIC
โดย พีรัช ษรานุรักษ์

2. Perus Saranurak 28 July 2015
การสื่อสารในปัจจุบัน
Communication

3. Perus Saranurak 28 July 2015
Data overload
8 วินาที
9 วินาที
2012

4. Perus Saranurak 28 July 2015
FAST &
ACCURATE

5. Perus Saranurak 28 July 2015
Prepare for
Eye Exercise
3s

6. Perus Saranurak 28 July 2015

7. Perus Saranurak 28 July 2015
3s

8. Perus Saranurak 28 July 2015
Ref#3

9. Perus Saranurak 28 July 2015
What did you understand ?What did you understand ?
What did you feel ?What did you feel ?

10. Perus Saranurak 28 July 2015
What did you understand ?What did you understand ?
What did you feel ?What did you feel ?

11. Perus Saranurak 28 July 2015
text.
Visuals
source: http://www.billiondollargraphics.com/infographics.html
1010100100101001010100101
010100101000101010010100101
0101001001010101010
1010100100101001010100101
010100101000101010010100101
010100100101010101010101101
010010010100101010010101010
010100010101001010010101010
0100101010101010101
0010100010101001010010101
010010010101010101010110101
001001010010101001010101001
Visual and Brain 90%90%

12. Perus Saranurak 28 July 2015
source: http://www.billiondollargraphics.com/infographics.html

13. Perus Saranurak 28 July 2015
1010100100101001010100101
010100101000101010010100101
0101001001010101010
1010100100101001010100101
010100101000101010010100101
010100100101010101010101101
010010010100101010010101010
010100010101001010010101010
0100101010101010101
0010100010101001010010101
010010010101010101010110101
001001010010101001010101001
Transmission model - Shannon (1948)
Sender noise
noise
noise
noise
Massage Channel Reciever
DecodingEncoding

14. Perus Saranurak 28 July 2015

15. Perus Saranurak 28 July 2015
Hello!
How to
Communicate
สื่อสารข้อมูลเยอะๆอย่างไรดี
DATA DATA DA
DATA DATA DATA
DATA DATA DATA DA
DATA DATA DATA DATA
DATA DATA DATA DATA DA
DATA DATA DATA DATA DATA
DATA DATA DATA DATA DATA D
DATA DATA DATA DATA DATA DA
DATA DATA DATA DATA DATA DA
DATA DATA DATA DATA DATA DAT
DATA DATA DATA DATA DATA DATA
DATA DATA DATA DATA DATA DATA DA
DATA DATA DATA DATA DATA DATA DATA
DATA DATA DATA DATA DATA DATA DATA DA
DATA DATA DATA DATA DATA DATA DATA DATA
DATA DATA DATA DATA DATA DATA DATA DATA DAT
DATA DATA DATA DATA DATA DATA DATA DATA DATA D
DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA
DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DA
DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA
DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DA
DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA
DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA
DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA D
DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DAT
DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA D
DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA D
DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA D
DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA D
DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA
DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DAT
DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA D
DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DAT
DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA

16. Perus Saranurak 28 July 2015
20th Century Death
https://docs.google.com/spreadsheet/ccc?key=0Aqe2P9sYhZ2ndDFON0Zidmh0ZHc1WGU4NHMzQ1AtMVE#gid=8

17. Perus Saranurak 28 July 2015
20th Century Death
http://www.informationisbeautiful.net/visualizations/20th-century-death/
Data Visualization

18. Perus Saranurak 28 July 2015
Infographic

19. Perus Saranurak 28 July 2015
Infographic

20. Perus Saranurak 28 July 2015
data 1
data 2
data 3
data 4
data 5
data 6
data 7
Graphic types

21. Perus Saranurak 28 July 2015
Data Data Vis. Infographic

22. Perus Saranurak 28 July 2015
Data
Data Vis.
Infographic
--> Stories
--> Visual

23. Perus Saranurak 28 July 2015
โจทย์
คนไทย 10% แรก ที่มีที่ดินมากที่สุดมีที่ดินรวมกัน
คนไทย 10% ที่ 2 ที่มีที่ดินรองลงมามีที่ดินรวมกัน
คนไทย 10% ที่ 3 ที่มีที่ดินรองลงมามีที่ดินรวมกัน
คนไทย 10% ที่ 4 ที่มีที่ดินรองลงมามีที่ดินรวมกัน
คนไทย 60% ที่เหลือ มีที่ดินรวมกัน
61.48 %
18.44 %
10.04 %
5.35 %
4.69 %
การกระจุกตัวในการถือครองโฉนดที่ดินของไทย
ที่มา: ดวงมณี เลาวกุล, 2557

24. Perus Saranurak 28 July 2015
Graphic
คนไทย 10% แรก ที่มีที่ดินมากที่สุดมีที่ดินรวมกัน
คนไทย 10% ที่ 2 ที่มีที่ดินรองลงมามีที่ดินรวมกัน
คนไทย 10% ที่ 3 ที่มีที่ดินรองลงมามีที่ดินรวมกัน
คนไทย 10% ที่ 4 ที่มีที่ดินรองลงมามีที่ดินรวมกัน
คนไทย 60% ที่เหลือ มีที่ดินรวมกัน
61.48 %
18.44 %
10.04 %
5.35 %
4.69 %
Data -->

25. Perus Saranurak 28 July 2015
GraphicData
ประเทศไทย
จำ�นวนคน
ลำ�ดับ
ขนาดที่ดิน
เวลา
-->

26. Perus Saranurak 28 July 2015
Data Graphic
position y
position x
angle
shape
color
opasity/texture
area/size/volume
*animation
types: graph
ประเทศไทย
จำ�นวนคน
ลำ�ดับ
ขนาดที่ดิน
เวลา
-->

27. Perus Saranurak 28 July 2015
Graphic
position y
position x
angle
shape
color
opasity/texture
area/size/volume
*animation
+++
75%
63%
types: graphData
ประเทศไทย
จำ�นวนคน
ลำ�ดับ
ขนาดที่ดิน
เวลา
-->

28. Perus Saranurak 28 July 2015
C
DataVisual

29. Perus Saranurak 28 July 2015
C
Story
DataVisual
INFOGRAPHIC
Audience

30. Perus Saranurak 28 July 2015

31. Perus Saranurak 28 July 2015
พÙดคุยINFOGRAPHIC
Discuss

32. Perus Saranurak 28 July 2015
http://www.gapminder.org/videos/200-years-that-changed-the-world-bbc/
200 Countries, 200 Years, 4 Minutes

33. Perus Saranurak 28 July 2015
http://www.nytimes.com/interactive/2012/09/06/us/politics/convention-word-counts.html?_r=0
At the National Conventions, the Words They Used

34. Perus Saranurak 28 July 2015

35. Perus Saranurak 28 July 2015
http://visualization.geblogs.com/visualization/germanenergy/
Energy Consumption By Source From 1950 to 2010

36. Perus Saranurak 28 July 2015

37. Perus Saranurak 28 July 2015

38. Perus Saranurak 28 July 2015

39. Perus Saranurak 28 July 2015
https://youtu.be/vH4jYMa8kSA
จับตาเตือนภัย-ไทยรัฐ TV

40. Perus Saranurak 28 July 2015
https://www.youtube.com/watch?v=bivD0TscGnA
รู้สู้ flood CPR process
Emergency

41. Perus Saranurak 28 July 2015

42. Perus Saranurak 28 July 2015
โจทย์
คนไทย 10% แรก ที่มีที่ดินมากที่สุดมีที่ดินรวมกัน
คนไทย 10% ที่ 2 ที่มีที่ดินรองลงมามีที่ดินรวมกัน
คนไทย 10% ที่ 3 ที่มีที่ดินรองลงมามีที่ดินรวมกัน
คนไทย 10% ที่ 4 ที่มีที่ดินรองลงมามีที่ดินรวมกัน
คนไทย 60% ที่เหลือ มีที่ดินรวมกัน
61.48 %
18.44 %
10.04 %
5.35 %
4.69 %
การกระจุกตัวในการถือครองโฉนดที่ดินของไทย
ที่มา: ดวงมณี เลาวกุล, 2557

43. Perus Saranurak 28 July 2015
Graphic
position y
position x
angle
shape
color
opasity/texture
area/size/volume
*animation
+++
types: graphData
ประเทศไทย
จำ�นวนคน
ลำ�ดับ
ขนาดที่ดิน
เวลา
-->

44. Perus Saranurak 28 July 2015
1 Chart

45. Perus Saranurak 28 July 2015
2 Color

46. Perus Saranurak 28 July 2015
3 Simplify

47. Perus Saranurak 28 July 2015
4 Emphasize

48. Perus Saranurak 28 July 2015
5 Review

49. Perus Saranurak 28 July 2015
6 Develope

50. Perus Saranurak 28 July 2015
ATA
ATA
ATA DATA
ATA DATA
DATA DATA
DATA DATA DATA
DATA DATA DATA
DATA DATA DATA
DATA DATA DATA DATA
DATA DATA DATA DATA DATA
A DATA DATA DATA DATA DATA DATA
A DATA DATA DATA DATA DATA DATA DATA
TA DATA DATA DATA DATA DATA DATA DATA
TA DATA DATA DATA DATA DATA DATA DATA DATA
ATA DATA DATA DATA DATA DATA DATA DATA DATA
ATA DATA DATA DATA DATA DATA DATA DATA DATA DATA
DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA
DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA
DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA
A DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA
TA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA
TA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA
ATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA
ATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA
DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA
DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA
A DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA
A DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA DATA

51. Perus Saranurak 28 July 2015
Connect
Compact
Communicate

52. Perus Saranurak 28 July 2015
DATA
SELECTED

53. Perus Saranurak 28 July 2015
DATA
SELECTED

54. Perus Saranurak 28 July 2015
≤3

55. Perus Saranurak 28 July 2015
*...

56. Perus Saranurak 28 July 2015
Graphic Tools Websites
https://www.canva.com/
Canva Raw Chartio
http://raw.densitydesign.org/ https://chartio.com/

57. Perus Saranurak 28 July 2015
... Finally, always try new solutions.
http://www.informationisbeautiful.net/
Information is Beautiful Pinterest
https://www.pinterest.com/

58. Perus Saranurak 28 July 2015
Data is soilDavid McCandless: The beauty of data visualization

59. Perus Saranurak 28 July 2015
Should not

60. Perus Saranurak 28 July 2015
data 1
data 2
data 3
data 4
data 5
data 6
data 7
INFOGRAPHIC
โดย พีรัช ษรานุรักษ์