Blockdit Logo (Mobile)
Simple Journey
•
25 เม.ย. 2020 เวลา 14:12 • ธุรกิจ
5 mins Reading
ไปรู้จัก Data Visualization กับ 20 รูปแบบของกราฟ ! - ตอนที่ 1
เราจะพาเพื่อนๆไปรู้จักกับ Data Visual Graph ให้มากขึ้นภายใน 5 นาที !
ภาพนี้ น่าจะสอดคล้องกับเนื้อหาน้ะ ^^"
ต่อจากบทความที่แล้วที่เราพูดถึง "อะไรคือ Data Visualization และก็ Tableau ? " น้ะเพื่อนๆ เลยทำให้เรารู้ว่าความสำคัญของการนำเสนอข้อมูลตัวเลขนั้น ไม่ยากเลย โดยเฉพาะ ถ้าเพื่อนๆเข้าใจว่าจะใช้แผนภาพความคิดไหน ยังไง และเมื่อไร ละก็ การพรีเซ้นหัวหน้าหรือแม้แต่ เขียนบทความละก็ง่ายนิดเดียว !
แล้วเราได้มีการเกริ่นถึง 20 รูปแบบของกราฟ ! 20 Types of Graph in Data Visualization (based from function in Tableau) ในบทความนี้ เราจะมาเจาะลึก 10 แบบแรกก่อน
มีอะไรบ้างง (มีหัวข้อให้ 555)
1. Line Graph
2. Bar graph
3. Heat Map
4. Symbol Map and Filled geographical Map
5. Pie Chart
6. Area Charts
7. Scatter Plot
8. Box-and-Whisker Plot
9. Packed Bubbles
10. Waterfall graph
ความยาวของบทความมันก็จะยาวหน่อยนะ ภาพเยอะด้วย แต่คิดว่าอ่านง่ายยยมากๆ (เราจะพยายามสื่อให้มันออกมาง่ายน้า) ง่ายกว่าบทความก่อนๆ
งั้นเรามาเริ่มกันเลยน้ะ ! ปายยยยยยยยยยยย !
1. Line Graph (ไลน์ชาร์ท หรือ ไลน์กราฟ)
ลักษณะเด่น :
- เอาไว้ Track Change พวกการเปลี่ยนแปลงได้ดี คือเราก็จะเห็นกราฟขึ้นหรือลง ในช่วงเวลานั้นๆ
- สามารถใช้สำหรับการ forecast เทรนด์ ต่างๆได้ดี
Line Graph - ดูง่ายไม๊เพื่อนๆ (from Mohit, Medium.com)
ข้อมูลที่สามารถใช้ร่วมกับกราฟนี้ได้ดี :
- พวกตัวเลขการเติบโต ปีต่อปี หรือ ไตรมาสเนี่ย เราว่าชัดเจนดี
- หุ้น แน่นอนละ ขาดเจ้ากราฟนี้ไปก็คงเล่นไม่ได้ 555
ข้อมูลแบบไหนที่เราไม่แนะนำให้ใช้กราฟนี้นา :
- ข้อมูลที่เป็นเชิงลึก และละเอียดเกินไป
- ข้อมูลที่ต้องการสื่อเป็นรูปภาพ หรือ ข้อมูลที่บอกถึงแชร์ หรือ อัตราส่วน
ตัวอย่างการใช้งานของกราฟนี้ (เป็นไอเดียให้เพื่อนๆ) :
- เราเอาตัวอย่างการใช้งานจริงๆมาให้เพื่อนดูนะ ภาพข้างล่างเลย เพื่อนจะสังเกตุเหนเทรนของผู้ป่วยโควิดที่สูงขึ้นช่วงวันที่ 21 ต่อมาในช่วง เดือนเมษาเทรนค่อยๆลดลงมาเรื่อยๆ ..
นี้ละ กราฟนี้อ่านง่ายไม๊ละเพื่อนๆ ^^
ตัวอย่าง Line Graph กับเรื่อง Covid - 19 (Bangkok post)
2. Bar Graph
ลักษณะเด่น :
- แสดงการเปรียบเทียบได้ดีมากๆ เพราะจะเห็นความสัมพันธ์ได้ดี
 สามารถวางรูปแบบใน 2 แบบ
2.1 Vertical Bar Graph
Vertical Bar Graph
2.2 Horizontal Bar Graph
คือ 1 กับ 2 เนี่ย แสดงข้อมูลแบบเดียวกัน เพียงแต่แสดงผลคนละมุมมอง แต่พวกเราจะชินแบบที่ 1 มากกว่าเนอะ
2.3 Stacked Bar Graph
Stacked Bar Graph
อันที่ 3 นี้จะเป็นการแสดงช้อมูลเชิงลึกขึ้นมาละ เพราะเราจะไม่ได้บอกแค่จำนวนและเทียบกัน เราจะมีความสัมพันธ์ซ้อนเข้าไปในแต่ละกราฟ อย่างข้างบนนี่คือ ใช้ ทวีป และ กำไร เป็น แกน X และ Y ข้างในประกอบไปด้วย 3 กำไรจาก 3 ธุรกิจหลักๆ เช่น เราจะเห็นว่า Technology Profit เยอะที่สุดใน APAC คิดเป็นสัดส่วนเกือบ 50% (แค่มองด้วยตาเปล่าเราก็จะเห็นแถบสีแดงเยอะที่สุดใน APAC)
ข้อมูลที่สามารถใช้ร่วมกับกราฟนี้ได้ดี :
- การเทียบกันระหว่างดาต้า A และดาต้า B ในแต่ละปี ตรงนี้เราว่าเห็นชัดดี
ตัวอย่างการใช้งานของกราฟนี้ (เป็นไอเดียให้เพื่อนๆ) :
- อย่างภาพข้างล่างเพื่อนๆอาจะนำไอเดียของ Stack bar (ข้อ3) ไปผสมกับ ข้อ 1 หรือ 2 ได้เลย จะเห็นความหลากหลายของข้อมูลขึ้น เช่น เพื่อนๆสามารถแทรค Budget vs Actual ก็จะเห็นแชร์สัดส่วน รวมถึงเปรียบเทียบปริมาณได้ด้วย ในแต่ละผลิตภัณฑ์
ข้อควรระวัง :
ส่วนตัวเราว่ากราฟนี้มันค่อนข้างจะดูยากอยู่ถึงแม้ว่าจะค่อนข้างละเอียด ไม่ควรมีตัวแปรที่เยอะเกิน หรือ ตัวเทียบตัวตั้งเยอะ ไม่งั้นกราฟขึ้นเปนตึกๆๆแน่นอน
3. Heat Map
ลักษณะเด่น :
- เป็นการเน้นความสำคัญ หรือ จำนวนที่เยอะ ด้วยสีที่ค่อนข้างเข้ม
- ในขณะที่ข้อมูลไหนที่มีจำนวนเบาบาง ก็จะมีสีที่จางลงไป
- เราว่ามันทำให้ผู้อ่าน สามารถเห็นภาพได้ง่าย เพราะตาของคนเราจะจับไปที่สีเข้มๆกว่าก่อนอยู่แล้ว
- หรือข้อมูลที่เราต้องการให้ความสำคัญเช่น มาก/มาก สีแดงเข้ม น้อย/น้อย สีแดงอ่อน
ตัวอย่างของกราฟ Heat Map
ข้อมูลที่สามารถใช้ร่วมกับกราฟนี้ได้ดี :
- การจัดกลุ่ม หรือ ประเมิณผลพนักงาน ตามประสิทธิภาพ
- ใช้แทรคความถี่ของประชากร หรือ กลุ่มจำนวนที่สำรวจ
ข้อมูลแบบไหนที่เราไม่แนะนำให้ใช้กราฟนี้นา :
- อะแน่นอนนน พวกข้อมูลที่เราอยากวัดการเจริญเติบโต
- ข้อมูลที่ต้องการวัดเชิงเปรียบเทียบด้วยจำนวน
ตัวอย่างการใช้งานของกราฟนี้ (เป็นไอเดียให้เพื่อนๆ) :
พูดถึงภาพด้านล่างนะ
ภาพ 1 : อันนี้สีเขียวๆนี่ เป็นตัวอย่างของลูกค้าที่เข้ามาในแต่ละวัน(แนวตั้ง) และคุ๋กับเเวลา (แนวนอน) และแทปขวามือของเพื่อนๆก็จะบอกปริมาณต่ำ และสูงสุด ก็คือสีเข้ม
ภาพ 2 : อันแดงๆนี้ ก็จะชัดหน่อยเป็นคล้ายเหมือนวัดประเมิณผล ถ้าสูงคู่กับสูง ก็เป็นสีเข้ม เป็นต้น
ก็เป็นไอเดียให้เพื่อนๆน้า !
ภาพที่ 1
ภาพที่ 2
4. Symbol Map and Filled geographical Map
ลักษณะเด่น :
- ขึ้นชื่อว่าแผนที่ ก็ต้องเป็นการไฮไลท์จุดเด่นตามแต่ละประเทศ
เช่น Amazon ขายดีที่ประเทศไหนดีที่สุด หรือ ผู้ใช้งานมากที่สุด ตัววงกลมก็จะมีขนาดใหญ่ตาม ซึ่งจะมีด้วยกัน 3 แบบ
- เราว่ามันดูง่ายดี แต่เพื่อนๆอาจต้องเพ่งหน่อย
4.1 Symbol map
อย่างอันนี้ก็คือ จำนวนลูกค้าตรงกับความต้องการ วงกลมก็จะใหญ่ขึ้น เอาไว้ดูผลทางด้าน quantity หรือจำนวน
Symbol map
4.2 Filter Geographical Map
อันนี้ที่เพิ่มเติมเข้ามาคือ เน้นไปที่ค่าความ บวก หรือ ลบ , น้อย หรือ มาก ของจำนวนด้วยสีเข้ม และสีอ่อน จนกระทั่งเปลี่ยนสี
Filter Geographical Map
4.3 Heatmap In Geographical Form.
อ๊าาา อันนี้จะคล้ายๆหัวข้อที่ 3 เพราะดึงมาผสมกัน เป็นตัวอย่างที่ดีมากๆให้เพื่อนๆเป็นไอเดีย ส่วนใหญ่นอกจากจำนวนที่ใช้แทรคแล้ว เค้าจะใช้ดูเช่นแบบ ถ้าเป็นผลิตภัณฑ์ประเภทเดียวกันขายดีเยอะ สีก็อาจจะใช้เป็นอีกสี (เพื่อนๆจำได้มะ มาก/มาก สีเข้ม เป็นต้น) แต่เอามาลงเป็นแผนที่ มีประโยชน์มากอันนี้
Heatmap In Geographical Form.
ข้อมูลแบบไหนที่เราไม่แนะนำให้ใช้กราฟนี้นา :
- เนื่องจากแผนภูมินี้ ความละเอียดและลึกของข้อมูลอาจจะไม่ได้สูงมาก เราว่าจะดีสำหรับการให้ข้อมูลหรือภาพโดยรวมมากกว่า
ตัวอย่างการใช้งานของกราฟนี้ (เป็นไอเดียให้เพื่อนๆ) :
- ต้องนีเลยยยย COVID Maps ! อันนีเป็นตัวอย่างของ USA
อันนี้จะเป็นในแบบที่ 4.3 คือมีการนำ Heat map มาใช้ด้วย
5. Pie Chart
ลักษณะเด่น :
- อันนี้ เพื่อนๆเห็นละร้อง อ้อ ! หมด มันคือแผนภูมิวงกลมมมม เอาไว้ใช้บอกอัตราส่วนนี้ละ ส่วนใหญ่ก็คือ วงกลมทั้งวง = 100%
ข้อมูลที่สามารถใช้ร่วมกับกราฟนี้ได้ดี :
- ส่วนใหญ่เอาไว้ใช้บอกข้อมูลทางสถิติเช่น คนที่เข้ามาดูเพจเราเป็น เพศไหน อัตราส่วนเท่าไร, อายุ เป็นต้น
ตัวอย่างการใช้งานของกราฟนี้ (เป็นไอเดียให้เพื่อนๆ) :
นี่ ภาพข้างล่างนี้เราเแบบ ผสมกันมาให้ดู เรียกว่า Multi-layer Pie Chart
นี่น่าจะเป็นไอเดียดีๆให้เพื่อนๆได้เพราะ ไม่ได้บอกแค่อัตราส่วนเพียงอย่างเดียว แต่เราสามารถเจาะลึกไปได้อีกนิดนึง เช่น Company "AA" มี 3 ผลิตภัณฑ์ A B C แล้วแต่ละอันแชร์ข้างในเนี่ย มีอัตราส่วนเท่าไร (นี้เลยเรียกว่า มัลติเลเยอร์ นั้นเองเพื่อนๆ)
Multi-layer Pie Chart
เราว่าบทความละ 5 กราฟกำลังดี เพื่อนๆจะได้พักสายตาด้วยย 555 ไม่งั้นจะเยอะและยาวไปนิ้ดดดด
บทความหน้าเราจะมาต่อ List 5-10 น้าา ละจะค่อยๆเก็บให้ครบ 20 แบบเลย เชื่อว่าจะมีแบบที่เพื่อนๆไม่คุ้นเคยอีกเยอะเลยยย สนุกกก :):):)

ดูเพิ่มเติมในซีรีส์

โฆษณา