[Information Visualization] มันเป็นมากกว่าภาพ
posted on 23 Dec 2008 09:36 by dinsorsign in Inspiration
เมื่อวานประกาศผลการตรวจศิลปนิพนธ์ครั้งที่ ๒ ไปแล้ว
ผ่านนนนนนน
โฮะๆๆๆๆ ได้คะแนนจากอ. ที่ปรึกษาท่านนึงเต็มด้วย ส่วนอีกท่านยังไม่เห็นคะแนน
แต่จะตรวจครั้งที่ ๓ ในอีกไม่ถึงเดือน T-T ทำหนังสือต้องทำเสร็จก่อนส่งประมาณอาทิตย์นึงด้วย เพื่อให้มีเวลาพิมพ์และเข้าเล่ม แถมช่วงนี้ป่วยอีก ฟืดฟาดๆทั้งวัน จามบ่อยมากๆ ปวดหัวด้วย ก็เลยนั่งๆ นอนๆ ไม่ทำงาน
เข้าเรื่องๆ
ให้ลองทายดูเล่นๆ ว่าภาพต่อไปนี้เป็นภาพของอะไร
จะทายถูกกันไหมเนี่ย
เฉลยนะคะ
สองรูปแรกเป็นภาพที่แปลงมาจากบทกวีค่ะ
ส่วนอันสุดท้ายเป็นเพลง Like A Prayer ของMadonna ค่ะ
ปกติ แล้วเวลาเราต้องการสรุปข้อมูลเรามักจะสรุปออกมาในรูปแบบของกราฟ แผนภูมิต่างๆ แต่ถ้าเป็นข้อความเป็นข้อมูลยาวๆ เราจะทำอย่างไร???
Information Visualization เป็นการแปลงข้อมูลเป็นภาพค่ะ
อย่างตัวอย่างที่ให้ดูเป็นการรวบรวมข้อมูลที่เป็นคำหรือข้อมูลยาวๆ เยอะๆโดยที่ไม่จำเป็นต้องออกมาในรูปแบบของกราฟแบบที่เราเห็นอยู่ทั่วไป
มาดูรูปแรกแบบเต็มๆ กัน เขาทำเป็นโปสเตอร์งาน Poetry on the Road
คนทำคือ Friederike Lambers, Boris Müller, Florian Pfeffer เขาทำกันเป็นทีมค่ะ เพราะต้องใช้การเขียนโปรแกรมมาช่วยแปลงข้อมูลเป็นภาพค่ะ กรอบสี่เหลี่ยมและสีของแต่ละกรอบจะแสดงถึงลักษณะของตัวอักษรแต่ละตัวค่ะ มุมที่เอียงจะแสดงถึงภาษาที่ใช้ค่ะ บทกวีที่นำมาใช้ก็เป็นบทกวีของผู้เข้าร่วมแสดงงานค่ะ
ตอนแรกอ่านๆ ข้อมูลดูก็ไม่ค่อยเข้าใจเท่าไหร่ ต้องทดลองเองค่ะ เค้ามีโปรแกรมตัวที่เค้าเขียนให้เราทดลองพิมพ์เข้าไปด้วยค่ะ
ทดลองคำแรก








dinsorsign





I love You
ทดลองกับภาษาไทยและตัวเลขแล้วมันไม่ออกมาค่ะ
ใครอยากเล่นบ้างที่นี่เลยค่ะ
http://www.esono.com/boris/projects/poetry02/visualpoetry02/poet_frame.html
ส่วนข้อมูลเพิ่มเติมก็ที่นี่ค่ะ
http://www.esono.com/boris/projects/poetry02/
อันที่สอง ชอบอันนี้มากๆ สวยมากๆ
แบบเต็มๆ เป็นโปสเตอร์เหมือนกันค่ะ

แบบซูม
แบบนี้จะดูซับซ้อนกว่าแบบแรก คือมีการแทนค่าตัวเลขแทนคำแต่ละคำ อย่างคำว่า "Poetry" ก็แทนค่าเป็น ๙๙ แต่ว่าคำที่ต่างกันก็สามารถมีเลขเหมือนกันได้ อย่าง เลข ๙๙ ก็อาจหมายถึง "thought" หรือ คำว่า "letters" ก็ได้ โดยเลขแต่ละตัวจะถูกแทนค่ามาเป็นวงแหวนสีแดงๆที่เห็นในภาพค่ะ ความหนาของวงแหวนจะขึ้นอยู่กับจำนวนของคำที่มีเลขเดียวกันค่ะ
เส้นผ่าศูนย์กลางจะขึ้นอยู่กับความยาวของบทกลอน อย่างวงๆ สีแดงก็จะแสดงค่าตัวเลข และเส้นสีเทาๆ ที่เชื่อมคำแต่ละคำของบทกลอนตามลำดับของคำ
งงไหมค่ะ คนเขียนงง - -''
คงต้องลองเล่นดู แล้วจะเข้าใจ (แต่เราเล่นไมไ่ด้อ่ะ ต้องลง java ไรไม่รู้)
http://www.esono.com/boris/projects/poetry06/visualpoetry06/index.html
ข้อมูลเพิ่มเติม
http://www.esono.com/boris/projects/poetry06/
อันสุดท้ายมาจากเพลง Like A Prayer ของMadonna ใช่ไหมค่ะ
เราลองมาดูเพลง Mary Had a Little Lamb หรือหนูมาลี พร้อมโน๊ตเพลงกันค่ะ
จะเห็นว่าโน๊ตที่เหมือนกันจะถูกโยงให้เชื่อมต่อเข้าหากัน จนเกิดเป็นจังหวะของโน๊ตแต่ละตัวค่ะ
ถ้าหากว่าเราทำแบบนี้ในทุกๆ แนวเพลง เราจะเห็นความแตกต่างของแต่ละแนวเพลงได้เลยค่ะ อย่างที่เห็นความแตกต่างของเพลงหนูมาลีกับเพลง Like A prayer ของMadonna ที่มีความซับซ้อนและจังหวะของเพลงที่แตกต่างกันค่ะ
ข้อมูลเพิ่มเติม
http://www.turbulence.org/Works/song/
มาถึงตรงนี้คงมีแต่คนสงสัยว่า...แล้วไอ้พวกนี้จะเอาไปใช้ทำอะไรได้ จริงๆ แล้วพวกนี้เหมือนกับพวกกราฟ แผ่นภูมิ คือเป็นการแปลงข้อมูลให้อยู่ในรูปที่เข้าใจง่ายขึ้น และหลายๆครั้งการรวบรวบข้อมูลในรูปแบบนี้ทำให้เราเห็นข้อมูลแฝงบางอย่าง หรือทำให้เราจับหลักสำคัญของข้อมูลได้
ที่เราชอบมากๆ คืองานชิ้นนี้ค่ะ

เป็นการรวบรวมคำจากบทสอน คัมภีร์ของแต่ละศาสนาค่ะ
คือสีแต่ละสีจะแสดงถึงแต่ละศาสนา อย่างสีเหลืองก็พระพุทธศาสนาค่ะ คำที่อยู่ในครึ่งวงกลมก็คือคำที่มีการใช้มากที่สุด คำไหนใช้มากก็จะวงใหญ่ ใช้น้อยก็วงเล็ก แถบๆ สีเหลี่ยมข้างล่างคือคำที่มีการใช้เมื่อมีการใช้คำในครึ่งวงกลม
สิ่งเหล่านี้สื่อให้เห็นถึงประเด็นหลักๆ ของแต่ละศาสนา อย่างพระพุทธศาสนาก็ให้ความสำคัญกับคำว่า "YOU" คือตัวเรา ถ้าเป็นศาสนาคริสต์ก็ให้ความสำคัญกับ "LORD"
นอกจากนี้ยังมีการใช้หลักการเดียวกันกับSpeech (แปลเป็นไทยว่าอะไรอ่ะ - -'' ) ของผู้ชิงตำแหน่งประธานาธิบดีของสหรัฐอีกด้วยค่ะ ลองดูในนี้นะคะ
http://www.nytimes.com/imagepages/2007/12/15/us/politics/16debates.web.html
http://dowjonesinsight.blogspot.com/2008/03/economy-gathers-leading-spot-for-all.html
มันบอกได้ว่า แต่ละคนให้ความสำคัญกับสิ่งใดบ้างค่ะ
น่าจะมีคนทำของเลือกตั้งผู้ว่ากทม. บ้างเนอะ แอบอยากทำเหมือนกัน แต่ขี้เกียจมากกว่า ๕๕๕
สำหรับคนที่สนใจงานประเภทนี้ลองเข้าไปดูเว็บต่อไปนี้ได้ค่ะ
http://www.visualcomplexity.com/vc/
หรือหนังสือ Data Flow: Visualising Information in Graphic Design มีขายที่ Asia Book ค่ะ
หรือหาคำว่า Information Visualization, Data Visualization, Word Visualization อะไรประมาณนี้ในGoogle เทพเจ้าของเรา ๕๕๕
สุดท้ายคนป่วยขอไปนอนต่อแล้วค่าาาาา
ปล. ไม่อยากบอกว่าชื่อเอ็นทรี่นี่คิดนานนะเนี่ย และคิดไม่ออกด้วย - -''
Edit แก้ไขคำว่า "ค่ะ" และ "คะ" ค่ะ ขอบคุณ คุณ hikaru มากค่ะ จริงๆ ปกติก็เขียนถูกแล้วแต่มีคนบอกให้แก้เราก็แก้หมดเลย ไม่รู้ว่าให้แก้เฉพาะคำว่า "นะคะ" ที่ไม่มีวรรณยุกต์


ชอบเพลงมาดอนน่าจ้า
ว้าว เจ๋งมั่กๆ
มาสเตอร์แชมป์

#1 By แดงน้อย เนินกระโทก ผู้มีภูเขามาบังอยู่หน้าบ้าน.. on 2008-12-23 13:37