แคตตาล็อกการทำภาพข้อมูล: ค้นหาวิธีที่เหมาะกับข้อมูล

 (datavizcatalogue.com)
3 คะแนน โดย GN⁺ 2024-10-06 | 1 ความคิดเห็น | แชร์ทาง WhatsApp
  • The Data Visualisation Catalogue เป็นหน้าค้นหาที่ช่วยค้นหา ประเภทการทำภาพข้อมูล ตามข้อความที่ต้องการสื่อด้วยข้อมูล
  • แทนที่จะเริ่มเลือกจากชื่อกราฟ สามารถคัดกรองตัวเลือกจาก หมวดหมู่ตามหน้าที่ เช่น การเปรียบเทียบ ความสัมพันธ์ หรือการกระจาย
  • แม้ระบบการจัดหมวดหมู่จะไม่ใช่คำตอบที่สมบูรณ์แบบ แต่ก็เป็น จุดเริ่มต้นเชิงปฏิบัติ ที่ช่วยให้เป้าหมายการวิเคราะห์สอดคล้องกับเป้าหมายการสื่อสาร
  • หมวดหมู่ที่มีให้ครอบคลุม การเปรียบเทียบ สัดส่วน ความสัมพันธ์ ลำดับชั้น แนวคิด ตำแหน่ง ส่วนต่อทั้งหมด การกระจาย วิธีการทำงาน กระบวนการและวิธีการ การเคลื่อนที่หรือการไหล รูปแบบ ช่วง ข้อมูลตามเวลา การวิเคราะห์ข้อความ และเครื่องมืออ้างอิง
  • เมื่อต้องเลือกกราฟ หากกำหนดก่อนว่า “อยากแสดงอะไร” ก็จะคัด ตัวเลือกกราฟ ที่เหมาะกับข้อมูลได้เร็วขึ้น

วิธีเลือกกราฟ

  • The Data Visualisation Catalogue ถูกออกแบบมาให้ค้นหากราฟโดยยึดจากคำถามว่า “อยากแสดงอะไร”
  • กราฟถูกแบ่งตามหน้าที่ของการทำภาพข้อมูลและข้อความที่ต้องการส่งต่อให้ผู้ชม
  • วิธีการกำหนดให้กราฟแต่ละแบบอยู่ในหน้าที่เดียวอาจไม่ใช่ ระบบที่สมบูรณ์แบบ แต่สามารถใช้เป็นแนวทางในการเลือกกราฟให้เหมาะกับวัตถุประสงค์ของการวิเคราะห์หรือการอธิบายได้

การจัดหมวดหมู่ตามหน้าที่

  • การเปรียบเทียบ: Comparisons
  • สัดส่วน: Proportions
  • ความสัมพันธ์: Relationships
  • ลำดับชั้น: Hierarchy
  • แนวคิด: Concepts
  • ตำแหน่ง: Location
  • ส่วนต่อทั้งหมด: Part-to-a-whole
  • การกระจาย: Distribution
  • วิธีการทำงาน: How things work
  • กระบวนการและวิธีการ: Processes & methods
  • การเคลื่อนที่หรือการไหล: Movement or flow
  • รูปแบบ: Patterns
  • ช่วง: Range
  • ข้อมูลตามเวลา: Data over time
  • การวิเคราะห์ข้อความ: Analysing text
  • เครื่องมืออ้างอิง: Reference tool

บทความที่เกี่ยวข้อง

1 ความคิดเห็น

 
GN⁺ 2024-10-06
ความคิดเห็นจาก Hacker News

  • ผมคิดว่าไซต์นี้ดีเวลาต้องการสร้าง อิมแพ็กต์ทางภาพ แต่ถ้าจุดประสงค์คือการทำ data visualization ก็แอบให้คำแนะนำที่ไม่ค่อยดีนัก
    ถ้าดูหัวข้อสัดส่วน [0] จะมีตัวเลือกอย่าง circle packing หรือ bubble map ซึ่งถ้าเป้าหมายคือทำให้ผู้ชมสนใจตัวข้อมูลเอง วิธีพวกนี้แทบจะแย่ที่สุด
    มนุษย์ตีความขนาดสัมพัทธ์ของพื้นที่ โดยเฉพาะขนาดของวงกลม ได้แย่มาก ถ้าตั้งใจจะให้ดูเหมือนว่า “มีข้อมูลด้วย และออกแบบเป็นด้วย” แล้วผ่านไปโดยไม่เจอคำถามยาก ๆ ก็อาจใช้ได้ แต่ไม่ใช่ data visualization ที่ดี ใช้ กราฟแท่ง จะดีกว่า
    [0] https://datavizcatalogue.com/search/proportions.html

  • เคยเห็นอีกเว็บหนึ่งที่น่าจะบุ๊กมาร์กไว้ เป็นหน้า HTML สไตล์เก่า ๆ ที่ทำโดย ผู้เชี่ยวชาญด้าน data visualization และสรุปไว้แทบครบว่าควรใช้อะไรในสถานการณ์ไหน
    มีคำแนะนำมากมายที่ขัดกับสัญชาตญาณแต่พอมาดูทีหลังก็เห็นว่าเป็นเรื่องชัดเจน จุดที่ชอบเป็นพิเศษคือเขาเริ่มจากโฟกัสที่ ประเภทข้อมูล ก่อน แล้วค่อยแนะนำวิธี visualization เป็นลำดับสุดท้าย

    • อาจหมายถึง [1] ก็ได้ นี่เป็นหนึ่งในสองตัวเลือกที่ผมชอบเอาให้学生ที่เพิ่งเริ่มเรียน data visualization ดู
      [1] https://www.data-to-viz.com/
      อนึ่ง ในหน้าแนะนำมีรายการระบบการจัดหมวดหมู่แผนภูมิในประวัติศาสตร์ที่รวบรวมไว้ค่อนข้างละเอียด
    • ไม่รู้ว่าเป็นเว็บไซต์ไหน แต่จากคำบรรยาย อาจเป็น Edward Tufte เขากับ Stephen Few ถือเป็นบุคคลระดับต้นแบบของ data visualization สมัยใหม่
      https://www.edwardtufte.com/
    • อาจหมายถึงอันนี้ก็ได้
      https://eazybi.com/blog/data-visualization-and-chart-types
    • สงสัยว่าคำว่า “ผู้เชี่ยวชาญ data visualization แบบ greybeard” หมายถึงอายุเฉย ๆ หรือหมายถึงท่าที/แนวโน้มแบบเก่า ๆ กันแน่ หรือเป็นคำเรียกคนแบบพ่อมด?

  • บน iOS โฆษณารุกหนักเกินไป และวิดีโอป๊อปอัปรบกวนการใช้งาน จริง ๆ แล้วสนใจหัวข้อนี้มาก แต่โฆษณาทำให้หมดความเชื่อถือภายในไม่ถึง 1 นาที

    • https://www.ft.com/content/c7bb24c9-964d-479f-ba24-03a2b2df6...
      เป็นหนึ่งในแหล่งข้อมูลที่ผมชอบเป็นการส่วนตัว และเข้าใจง่ายมาก
    • บน iOS เปลี่ยนไปใช้ Brave ก็พอ ผมไม่ได้เจอปัญหาแบบนั้นกับไซต์นี้ แต่ก็เสียดายที่ใส่โฆษณาเยอะขนาดนั้น
    • Firefox มือถือ + uBlock Origin

  • ศักยภาพดี และชอบการจัดหมวดตามหัวข้อ แต่ไม่ชอบองค์ประกอบแบบ โฆษณาและคลิกเบต

    • น่าจะดีกว่านี้ถ้าเป็นเว็บที่แสดง chart type ทั้งหมดไว้ในหน้าเดียว เหมือนเอกสารของ seaborn
      ตอนนี้ถ้าอยากดูว่า box-and-whisker plot หน้าตาเป็นอย่างไร ต้องคลิกผ่านโฆษณาสองอันก่อน

  • ถ้าต้องการแสดงชุดเหตุการณ์ตามเวลา โดยที่เหตุการณ์เหล่านั้นเชื่อมโยงกันเองได้ด้วย ควรแนะนำอะไรดี
    คล้าย node graph ที่มีองค์ประกอบเวลา ผมติดอยู่กับ ปัญหา visualization นี้มานานพอสมควร แต่ยังหาวิธีที่ใช้ได้จริงไม่เจอ

    • การทำ time graph visualization ยังขาดแคลนอยู่มาก น่าจะขึ้นกับว่าภาพตัด ณ เวลาใดเวลาหนึ่งของเครือข่ายมีหน้าตาอย่างไร
      ถ้ามี node 10–20 ตัวและ edge ไม่มากเกินไป อาจวาง node เป็นวงกลมตำแหน่งคงที่บน timeline แล้วให้เฉพาะ edge เปลี่ยนไปตามเวลาได้
      ถ้ามากกว่านั้น ต่อให้ไม่มีการเปลี่ยนแปลงตามเวลา ก็จะเข้าสู่โซน hairball อย่างรวดเร็ว hairball ที่เปลี่ยนไปตามเวลายิ่งไร้ประโยชน์กว่า hairball ธรรมดา
      layout แบบ force-directed มาตรฐานแทบไม่มีประโยชน์นัก นอกจากไว้ดูโครงสร้างโดยรวมของกราฟ พอพยายามทำให้เปลี่ยนตามเวลา ความไร้ประโยชน์นั้นก็ยิ่งชัดเจนขึ้น ผมคิดว่าเหตุผลที่ layout นี้กลายเป็นมาตรฐานน่าจะเพราะ visualization ดูเท่
      data visualization ส่วนใหญ่ก็มีปัญหาแบบเดียวกัน ดูเหมือนแทบจะมีคุณสมบัติอยู่ว่า ยิ่ง visualization ดูเท่และสวยเท่าไร ก็ยิ่งไร้ประโยชน์ต่อการใส่ insight เกี่ยวกับตัวข้อมูลเองมากขึ้นเท่านั้น
    • ให้นึกถึง โน้ตดนตรี มีเส้นแนวนอน 5 เส้น แกน y คือระดับเสียง แกน x คือตำแหน่งตามเวลา
      เช่น ถ้ามีประเภทเหตุการณ์ 5 แบบที่เกิดขึ้นด้วยความถี่ต่างกันเมื่อเวลาผ่านไป ก็ปักเป็นจุดบนบรรทัดห้าเส้นได้
      วาดเส้นเชื่อมระหว่างเหตุการณ์ที่เกี่ยวข้องกัน
      ถ้าจะวาดเส้นบรรทัดโน้ต ควรทำให้จางไว้เพื่อช่วยแยกประเภทเหตุการณ์เท่านั้น
      ถ้ามีประเภทเหตุการณ์มากกว่า 5 แบบ ก็เพิ่มเส้นได้ แต่ควรให้น้อยกว่า 20 เส้น และถ้ามากกว่านั้นจะเริ่มรกตามาก
    • ถ้าเป็นสิ่งพิมพ์หรือกราฟิกแบบคงที่ มีวิธีใช้ Ishikawa diagram ร่วมกับ network diagram ที่อาจมี legend กำกับ ถ้าเป็นวิดีโอหรือ interactive ก็ยืดหยุ่นขึ้น
      สุดท้ายแล้วสื่อที่ใช้ส่งสารจะช่วยตัดสินตัวเลือกจำนวนมากแทนเรา
    • ต้องรู้ก่อนว่าต้องใช้ข้อมูลนั้นตัดสินใจอะไร และผู้ใช้กำลังทำงานแบบไหน
    • ต้องลองวาดกราฟจริง ๆ แล้วดูว่าสามารถ วาง node ไว้บน timeline ได้จริงไหม

  • ดูเหมือนจะไม่มี UpSet plot