Visualization

Yesterday's Malaysian General Election 2013 ended with Barisan Nasional's victory. Almost all of my Chinese Malaysian friends support Pakatan Rakyat already express their gratefulness. I think they can do better next time.

I have some troubles during reading Eisenhower's biography. Can't recognize his role during WWII time. Is he the supreme commander during war? Is he higher in rank compared to MacArthur? So after a bit of googling and looking through Wikipedia, I can conceptualize the wartime command structure into this diagram. - The U.S. system puts the President (in this case, FDR) as the Commander in Chief - [Joint Chiefs of Staff](http://en.wikipedia.org/wiki/Joint_Chiefs_of_Staff), the committee consists of each armed forces chief, serves as the supreme command structure of the military. - William D.

ตอนเย็นนั่งดูโอลิมปิก วิ่ง 100m ชาย รอบคัดเลือก มันส์มากจนอยากดูรอบถัดไป ทีนี้ไม่ชัวร์ว่าแข่งวันไหนเลยเข้าเว็บ london2012.com ไปเช็คข้อมูลดูหน่อย ก็ดันไปพบกับการออกแบบตารางเวลาการแข่งขันที่น่าสนใจมาก เป็นการใช้ 2 แกนคือ (x) วันเวลา และ (y) ชนิดกีฬา เพียงแต่ตารางมันซับซ้อนมาก เค้าเลยมีวิธีการซ่อนรายละเอียดที่น่าสนใจ - สำหรับแกนเวลา ใช้ tab เข้าช่วยคือ tab แสดงวัน และแสดงเวลาเป็นแกนย่อย - สำหรับแกนชนิดกีฬา ใช้ group/tree เข้าช่วย แสดงชนิดกีฬาใหญ่ก่อน แล้วการแข่งขันแยกย่อยก็ค่อยอยู่ใน group อีกที ถือว่าเป็นการออกแบบเพื่อนำเสนอ complex information ที่เจ๋งทีเดียวครับ ใครสนใจก็เข้าไปดูกันเองที่

เปิดหาตารางคะแนนของ Sheffield United ใน League One แล้วไปเจอกับเว็บของ [SkySports](http://www.skysports.com/football/league/0,,11718,00.html) เข้าพอดี เจอเทคนิคการนำเสนอตารางคะแนนที่น่าสนใจเลยเอามาแปะไว้หน่อย อย่างแรกคือตารางคะแนนฟุตบอลลีก ส่วนหน้าสุดคงไม่มีอะไรแปลกใหม่ ที่ควรดูคือช่องท้ายสุดซึ่งเป็นผลการแข่งขัน 5 นัดหลังสุด การเปลี่ยนจากสัญลักษณ์ WDL แบบที่คุ้นเคยมาใช้เม็ดสี ช่วยให้ดูง่ายขึ้นมาก (โดยเฉพาะการเปรียบเทียบระหว่างทีม) แถมไม่ต้องมี legend กำกับก็เดาได้ว่าแต่ละสีหมายถึงอะไรบ้าง ไอเดียจะคล้ายๆ กับ [Sparkline](http://www.isriya.com/node/1477/sparkline) ของ Tufte อย่างที่สองคือกรา

เพิ่งเขียนเรื่อง [Charles Joseph Minard](http://isriya.com/node/3516/charles-joseph-minard) ก็ไปเจอกับบทความของ "สาวกแห่ง Minard" คนสำคัญ และเป็นป๋าแห่ง visual design/infographic สมัยใหม่ เขาคือ [Edward Tufte](http://en.wikipedia.org/wiki/Edward_Tufte) บทความชื่อ [The Information Sage](http://www.washingtonmonthly.com/magazine/mayjune_2011/features/the_information_sage029137.php?page=all) (ขอแปลเป็นไทยว่า "จอมเวทย์ข้อมูล") อยู่ที่ Washington Monthly Tufte เป็นอาจารย์ด้านรัฐศาสตร์มาก่อน ก่อนจะมาสนใจด้าน visual design/visualization ของข้อมูลเชิงสถิติ เขาเขียนหนังสือแนว textbook ด้านนี้รวม 4 เ

คอลัมน์ "ดีไซน์ คัลเจอร์" ของประชา สุวีรานนท์ ในมติชนสุดสัปดาห์เล่มล่าสุด (1605 ฉบับหน้าปกยิ่งลักษณ์) เขียนถึง [Charles Joseph Minard](http://en.wikipedia.org/wiki/Charles_Joseph_Minard) (ชาร์ลส์ โจเซฟ มินนาร์ด) วิศวกรชาวฝรั่งเศส ผู้มีชื่อเสียงด้านการวาด infographic ผลงานที่โด่งดังที่สุดของเขาคือแผนภาพการเดินทัพของนโปเลียนไปบุกรัสเซียในปี 1812 (และแพ้ย่อยยับกลับมา) ซึ่งในแผนภาพนี้จะแสดง - เส้นทางการเดินทัพ ขาไป สีอ่อน, ขากลับ สีเข้ม - ปริมาณทหารของนโปเลียน ตามความหนาของเส้น เส้นเล็กลงก็แปลว่าทหารตาย ทั้งหมดนี่ถูกต้องตามสเกล - วันที่เดินทัพ (เฉพาะขากลับ) - อุณหภูมิ (ซึ่งเป็นปัจจัยสำคัญที่ทำใ

เห็น [ReadWriteWeb เอามาเขียนแนะนำ](http://www.readwriteweb.com/cloud/2011/04/video-data-is-the-new-soil-and.php) เป็นเรื่องเกี่ยวกับ data visualization เลยนั่งดูเสียหน่อย ก็สนุกดี คนพูดเล่าเรื่องไม่เก่งเท่า Hans Rosling แต่ก็ไม่แย่ แผนภาพที่โชว์ในวิดีโอหลายอัน มีบนเว็บไซต์ของเขาคือ [Information is Beautiful](http://www.informationisbeautiful.net/) ป.ล. นั่งดูด้วยแอพ [TED Air](https://market.android.com/details?id=com.ogqcorp.tpa&feature=search_result) เจ๋งมากบนมือถือ (แต่ใช้กับแท็บเล็ต Honeycomb ไม่ได้ T_T)

หลังจากไปแอฟริกามาก็พบว่า ตัวเราช่างรู้เรื่องแอฟริกาน้อยยิ่งนัก พอมาอ่านหนังสือพูดถึงแอฟริกา ก็เกิดอาการเชื่อมโยงไม่ถูกว่า ประเทศไหนชื่ออะไร อยู่ตรงไหน และที่สำคัญคือ ประเทศนี้เคยตกเป็นอาณานิคมของประเทศอะไรบ้าง เลยวิเคราะห์ไม่ได้ว่า ประเทศนี้มีความสัมพันธ์กับมหาอำนาจยุโรปประเทศไหน ลองค้นดูใน Wikipedia ก็พบข้อมูลตามคาด ยุคที่มหาอำนาจตะวันตกแข่งกันล่าอาณานิคมแอฟริกา เรียกว่า [Scramble for Africa](http://en.wikipedia.org/wiki/Scramble_for_Africa) โดยมีสนธิสัญญา [Berlin Conference](http://en.wikipedia.org/wiki/Berlin_Conference) เป็นเอกสารตกลงแบ่งแยกอำนาจ [แผนที่มีคนทำไว้ให้เรียบร้อย](http://

เจอจาก [Gamasutra](http://www.gamasutra.com/view/feature/6210/npd_behind_the_numbers_october_.php) เป็น visualization ที่เจ๋งมาก

รูปมันเล็กไปหน่อย กดเข้าไปดูกันเอง

ผมเชื่อว่าจะต้องมีคนคิดในใจว่า

- UI ห่วย ใช้ยาก
- โปรแกรมกาก
- จอสัมผัสไม่ดี
- ลอกตูมานี่ ศาสดาคิดเป็นคนแรกนะเฟ้ย

เขียนดักไว้ก่อน เรื่องพวกนี้ผมเก่งกว่าใครอยู่แล้ว