อธิบายประเภทกราฟ
Data Race มีโหมดแผนภูมิที่แตกต่างกันเก้าแบบสำหรับแต่ละชุดข้อมูล รวมถึงตารางข้อมูลสำหรับตัวเลขที่แม่นยำ แต่ละโหมดจะเน้นด้านที่แตกต่างกันของข้อมูล — การจัดอันดับ, แนวโน้ม, องค์ประกอบ, รูปแบบทางภูมิศาสตร์, วิถีการจัดอันดับ, การไหลของทั้งหมด หรือการเปรียบเทียบขนาดโดยตรง คู่มือนี้อธิบายสิ่งที่แต่ละภาพแสดง วิธีอ่าน และเวลาที่เหมาะสมที่สุดในการใช้งาน
Bar Chart Race
Bar chart race คือการแสดงผลเด่นของ Data Race โดยแสดงหน่วยงานที่จัดอันดับเป็นแท่งแนวนอน โดยแท่งที่ยาวที่สุดแสดงค่าสูงสุด เมื่อแอนิเมชันเล่น แท่งจะเลื่อนขึ้นและลงเพื่อสะท้อนการจัดอันดับที่เปลี่ยนแปลง สร้างเอฟเฟกต์การแข่งขันแบบไดนามิก แท่งแต่ละแท่งมีรหัสสีและมีชื่อหน่วยงาน ธง (สำหรับประเทศ) และค่าปัจจุบัน
ใช้เมื่อใด: ใช้ bar chart race เมื่อต้องการดูว่าการจัดอันดับเปลี่ยนแปลงอย่างไรตามเวลา มีประสิทธิภาพเป็นพิเศษในการเปรียบเทียบจำนวนหน่วยงานพอเหมาะ (10–20) และสังเกตเห็นการขึ้นหรือตกอย่างฉับพลัน
- ความยาวของแท่งแสดงค่า — แท่งยาวกว่าหมายถึงค่าสูงกว่า
- ตำแหน่งของแท่งแสดงอันดับ — แท่งบนสุดคืออันดับที่ 1
- การเปลี่ยนผ่านอย่างราบรื่นระหว่างช่วงเวลาแสดงการเปลี่ยนแปลงอันดับ
- สีคงที่สำหรับแต่ละหน่วยงานตลอดแอนิเมชัน
Bump Chart
Bump chart แสดงอันดับของแต่ละหน่วยงานตามเวลาบนแกน 1..N โดยอันดับ #1 อยู่บนสุด เส้นจะเคลื่อนขึ้นและลงเมื่อการจัดอันดับเปลี่ยนแปลง และจุดตัดจะระบุช่วงเวลาของการแซง โดยเน้นที่ลำดับ ไม่ใช่ค่าสัมบูรณ์ — การแข่งขันอย่างสูสีสำหรับอันดับ 1 ดูเหมือนกันไม่ว่าช่องว่างจะเป็นหนึ่งดอลลาร์หรือหนึ่งล้านล้าน หน่วยงานที่ปักหมุดถูกวาดด้วยเส้นที่สว่างกว่าและมีรัศมีรอบจุด
ใช้เมื่อใด: ใช้ bump chart เมื่อลำดับการจัดอันดับคือเรื่องราวหลัก — ตารางเหรียญรางวัลโอลิมปิก 10 เศรษฐกิจชั้นนำตลอดหนึ่งศตวรรษ กระดานอันดับที่มีการเปลี่ยนแปลงบ่อย นี่คือมุมมองที่ชัดเจนที่สุดสำหรับ 'ใครแซงใคร และเมื่อไร'
- แกน Y คืออันดับ: #1 บนสุด #N ล่างสุด
- เส้นที่ลงหรือขึ้นแสดงว่าหน่วยงานนั้นสูญเสียหรือได้รับตำแหน่ง
- เส้นสองเส้นตัดกัน = หน่วยงานหนึ่งแซงหน่วยงานอื่นในช่วงนั้น
- เส้นแนวนอนราบหมายความว่าอันดับคงที่
- หน่วยงานที่อยู่นอก Top-N ที่มองเห็นจะแสดงเป็นชิปที่ขอบล่าง
กราฟเส้น
กราฟเส้นพล็อตค่าของแต่ละหน่วยงานตามเวลาเป็นเส้นต่อเนื่อง หน่วยงานทั้งหมดแสดงบนแกนเดียวกัน ทำให้เปรียบเทียบแนวโน้มระยะยาวได้ง่าย กราฟจะเน้นช่วงเวลาปัจจุบันด้วยเส้นแนวตั้ง และคุณสามารถวางเมาส์เหนือจุดใด ๆ เพื่อดูค่าที่แน่นอน หน่วยงานที่ปักหมุดจะถูกเน้นด้วยเส้นที่หนากว่าในขณะที่หน่วยงานอื่นซีดจางลงในพื้นหลัง
ใช้เมื่อใด: ใช้กราฟเส้นเมื่อต้องการติดตามแนวโน้มตามเวลา เปรียบเทียบวิถีการเติบโต หรือระบุจุดตัดที่หน่วยงานหนึ่งแซงอีกหน่วยงาน
- แกน Y แสดงมาตราส่วนของค่า แกน X แสดงช่วงเวลา
- แต่ละเส้นแสดงหน่วยงานหนึ่ง — ติดตามเส้นเพื่อดูวิถีของมัน
- ความชันที่สูงชันกว่าบ่งบอกการเติบโตหรือการลดลงที่เร็วกว่า
- เส้นที่ตัดกันแสดงการเปลี่ยนแปลงอันดับระหว่างหน่วยงาน
Streamgraph
Streamgraph ซ้อนค่าดิบของแต่ละหน่วยงานเป็นแถบสีรอบเส้นฐานกลาง เติบโตอย่างสมมาตรขึ้นและลง ความสูงรวมในช่วงเวลาใด ๆ เท่ากับค่ารวมของทุกหน่วยงาน ดังนั้นคุณจะเห็นองค์ประกอบและขนาดรวมพร้อมกัน เมื่อเล่น กระแสจะไหลเข้ามาจากทางซ้าย — แถบปรากฏ บวม และปรับสมดุลใหม่ในมวลเดียวกัน เหมาะสมที่สุดกับชุดข้อมูลที่เติบโตแบบเดียว ซึ่งภาพรวมเป็นเรื่องราว
ใช้เมื่อใด: ใช้ streamgraph เมื่อต้องการรู้สึกว่าทั้งหมดพัฒนาเป็นรูปแบบเดียวที่ไหล — GDP โลกระเบิดในขณะที่ภูมิภาคปรับสมดุล ระบบนิเวศ OSS ขยายตัวในขณะที่ไลบรารีใหม่แทนที่ไลบรารีเก่า มูลค่าตลาดเติบโตในขณะที่ภาคส่วนหมุนเวียน
- ความหนาของแถบที่จุดใด ๆ = ค่าดิบของหน่วยงานนั้นในช่วงเวลานั้น
- ความสูงรวมของกราฟ = ผลรวมของทุกหน่วยงานที่มองเห็น (Top-N + อื่น ๆ)
- แถบขยายจากซ้ายขณะที่แอนิเมชันเล่น — ขอบด้านหน้าคือปัจจุบัน
- ศูนย์กลางคงที่ที่ y=0 กราฟเติบโตสมมาตรขึ้นและลง
- ธงปรากฏในแต่ละแถบ แถบบางจะถูกครอบตัดเป็นสีเดียว
กราฟวงกลม
กราฟวงกลมแสดงองค์ประกอบของค่าสำหรับช่วงเวลาเดียว แต่ละส่วนแสดงส่วนแบ่งของหน่วยงานหนึ่งจากทั้งหมด เมื่อแอนิเมชันเล่น ขนาดส่วนจะปรับเพื่อสะท้อนสัดส่วนที่เปลี่ยนแปลง กราฟนี้มีประโยชน์มากที่สุดเมื่อหน่วยงานขนาดใหญ่จำนวนน้อยครอบงำทั้งหมด เผยให้เห็นรูปแบบการกระจุกตัวหรือการกระจาย
ใช้เมื่อใด: ใช้กราฟวงกลมเมื่อต้องการเข้าใจว่าแต่ละหน่วยงานมีส่วนแบ่งเท่าไรจากทั้งหมด — ตัวอย่างเช่น ประเทศใดผลิต CO₂ มากที่สุดหรือมีส่วนแบ่ง GDP ใหญ่ที่สุด
- ขนาดส่วนแสดงส่วนแบ่งของหน่วยงานจากทั้งหมด
- วางเมาส์เหนือส่วนเพื่อดูเปอร์เซ็นต์และค่าที่แน่นอน
- ส่วนเล็ก ๆ จะถูกจัดกลุ่มเป็น 'อื่น ๆ' เพื่อรักษาความสามารถในการอ่าน
- สังเกตส่วนที่เติบโตหรือหดตัวตามเวลาเพื่อสังเกตการเปลี่ยนแปลงความครอบงำ
ทรีแมป
ทรีแมปแบ่งพื้นที่แผนภูมิออกเป็นรูปสี่เหลี่ยมผืนผ้า โดยแต่ละรูปจะมีขนาดตามสัดส่วนของค่าเอนทิตีหนึ่ง — ค่าที่มากจะทำให้รูปสี่เหลี่ยมผืนผ้าใหญ่ขึ้น อัลกอริทึม d3-treemapResquarify ช่วยรักษารูปร่างให้เป็นสี่เหลี่ยมจัตุรัสในแต่ละช่วงเวลา ดังนั้นรูปสี่เหลี่ยมผืนผ้าจึงเลื่อนและปรับขนาดได้อย่างราบรื่น แทนที่จะจัดเรียงใหม่แบบวุ่นวาย เอนทิตีปลายยาวที่ต่ำกว่า top-N จะยุบรวมกันเป็นช่อง 'อื่นๆ' ที่ขยายและหดตัวตามส่วนที่เหลือ
ใช้เมื่อใด: ใช้ทรีแมปเมื่อเรื่องราวคือ 'แต่ละเอนทิตีใช้พื้นที่เท่าใดจากทั้งหมด' และคุณต้องการให้เอนทิตีทั้งหมดถูกบรรจุอยู่ในเฟรมเดียว — ไม่มีการเลื่อน ไม่มีการแบ่งเป็นมุมมองแยกต่างหาก
- พื้นที่รูปสี่เหลี่ยมผืนผ้าเป็นสัดส่วนกับค่าของเอนทิตี
- รูปสี่เหลี่ยมผืนผ้าที่ใหญ่ที่สุดคืออันดับ #1 — โดยทั่วไปจะยึดติดกับด้านบนซ้าย
- รูปร่างยังคงเป็นสี่เหลี่ยมจัตุรัสเมื่อเลย์เอาต์อัปเดตระหว่างช่วงเวลา ทำให้ยังคงอ่านง่าย
- ช่องที่ต่ำกว่า top-N จะรวมกันเป็นรูปสี่เหลี่ยมผืนผ้า 'อื่นๆ'
- ธง, ชื่อ และค่าจะอยู่ภายในรูปสี่เหลี่ยมผืนผ้าแต่ละรูป; ช่องที่บางจะละธงเพื่อความพอดี
แผนที่โครโรเพลท
แผนที่โลกระบายสีประเทศตามค่าของประเทศโดยใช้มาตราสีต่อเนื่อง สีที่เข้มกว่าหรือเข้มข้นกว่าบ่งชี้ค่าที่สูงกว่า แผนที่ให้ภาพรวมทางภูมิศาสตร์ทันที เน้นรูปแบบและกลุ่มระดับภูมิภาคที่ยากจะสังเกตในกราฟประเภทอื่น วางเมาส์เหนือประเทศใด ๆ เพื่อดูชื่อ ค่า และอันดับ
ใช้เมื่อใด: ใช้แผนที่โลกเมื่อภูมิศาสตร์มีความสำคัญ — เพื่อระบุกลุ่มระดับภูมิภาค เปรียบเทียบประเทศเพื่อนบ้าน หรือดูว่าตัวแปรกระจายตัวทั่วทวีปอย่างไร
- ความเข้มของสีสอดคล้องกับค่า — ตรวจสอบตำนานสำหรับมาตราส่วน
- ประเทศสีเทาไม่มีข้อมูลสำหรับช่วงเวลาที่เลือก
- รูปแบบระดับภูมิภาค (เช่น กลุ่มยุโรป แนวแอฟริกาใต้สะฮารา) สังเกตได้ง่าย
- วางเมาส์เพื่อดูค่าที่แน่นอน คลิกเพื่อปักหมุดประเทศสำหรับการเปรียบเทียบ
แผนที่บับเบิล
แผนที่บับเบิลเป็นแผนที่สัญลักษณ์ตามสัดส่วน: แต่ละเอนทิตีถูกวาดเป็นวงกลมที่ปักหมุดไว้ที่จุดศูนย์กลางของประเทศ (หรือภูมิภาค) โดยมีรัศมีของวงกลมเป็นสัดส่วนกับค่า ตำแหน่งไม่เคยเคลื่อนที่ — มีเพียงรัศมีและสีเท่านั้นที่เคลื่อนไหว ผลลัพธ์คือภาพรวมทางภูมิศาสตร์ที่ขยายและหดตัวอยู่ในตำแหน่งเดิมเมื่อเวลาผ่านไป ทำให้ง่ายต่อการเห็นทั้ง 'ที่ไหน' และ 'ขนาดเท่าไร' ในมุมมองเดียว
ใช้เมื่อใด: ใช้แผนที่บับเบิลเมื่อคุณต้องการภาพเดียวที่รวมภูมิศาสตร์เข้ากับขนาด — ตัวอย่างเช่น การดู market cap ที่กระจุกตัวอยู่ในเมืองชายฝั่งของสหรัฐอเมริกาไม่กี่แห่ง ในขณะที่บับเบิลขนาดเล็กจะสว่างขึ้นทั่วเอเชียและยุโรป
- ตำแหน่งวงกลมถูกตรึงอยู่ที่จุดศูนย์กลางของแต่ละประเทศ
- รัศมีวงกลมเป็นสัดส่วนกับค่าในปัจจุบัน
- ค่าจะอยู่ตรงกลางวงกลม (ไม่มีธง — ตำแหน่งระบุเอนทิตี)
- สีเป็นไปตามจานสีหมวดหมู่ของเอนทิตี โดยจางลงเมื่อหลุดจาก top-N
- ช่วงเวลาที่ไม่มีข้อมูลจะไม่แสดงวงกลมสำหรับเอนทิตีนั้น
บับเบิล
แผนภูมิบับเบิลจะบรรจุแต่ละเอนทิตีเป็นวงกลมลอยอิสระที่มีขนาดตามค่า โดย d3-force จะแก้ไขการชนกันเพื่อให้วงกลมรวมกันอย่างแน่นหนาโดยไม่ทับซ้อนกัน เลย์เอาต์การบรรจุจะถูกคำนวณใหม่ต่อช่วงเวลาและ lerped ระหว่างช่วงเวลาที่อยู่ติดกันเพื่อการเคลื่อนไหวที่ราบรื่น ไม่มีแกน — ตำแหน่งไม่มีความหมายเชิงปริมาณ; มีเพียงขนาดเท่านั้น สเกล √(value) ทั่วโลกจะทำให้เอนทิตีที่ใหญ่ที่สุดยังคงใหญ่ที่สุดอย่างน่าเชื่อถือเมื่อข้อมูลเปลี่ยนแปลงไป
ใช้เมื่อใด: ใช้แผนภูมิบับเบิลเมื่อคุณต้องการการเปรียบเทียบขนาดบริสุทธิ์ ปราศจากแกนและภูมิศาสตร์ — เหมาะสำหรับ 'อะไรใหญ่กว่าและเท่าไร' ในเอนทิตี top-N ได้อย่างรวดเร็ว
- รัศมีวงกลมเป็นสัดส่วนกับ √(value) — เอนทิตีที่ใหญ่ที่สุดจะได้วงกลมที่ใหญ่ที่สุด
- ตำแหน่งเป็นเพียงการตกแต่ง; วงกลมลอยไปมา แต่ตำแหน่งพิกเซลไม่มีความหมายของค่า
- ธงจะอยู่ที่ 18px เมื่อมีพื้นที่; ซ่อนอยู่ในวงกลมที่เล็กกว่า 4px
- โหมดรวม (ภูมิภาค/กลุ่ม) จะจัดค่าให้อยู่ตรงกลางโดยไม่มีธง
- สีเป็นไปตามจานสีหมวดหมู่ของเอนทิตี
ตารางข้อมูล
ตารางข้อมูลแสดงค่าทั้งหมดในตารางที่จัดเรียงและเลื่อนได้ แต่ละแถวแสดงหน่วยงานพร้อมอันดับ ชื่อ ค่า ส่วนแบ่งระดับโลก และการเปลี่ยนแปลงรายปี ต่างจากกราฟแบบเคลื่อนไหว ตารางแสดงตัวเลขที่แน่นอน ทำให้เหมาะสำหรับการเปรียบเทียบอย่างละเอียดและการตรวจสอบข้อมูล จัดเรียงตามคอลัมน์ใด ๆ เพื่อค้นหาผู้มีผลงานดีที่สุด ผู้ที่เคลื่อนไหวมากที่สุด หรือหน่วยงานที่ต้องการ
ใช้เมื่อใด: ใช้ตารางข้อมูลเมื่อต้องการตัวเลขที่แน่นอนมากกว่าความประทับใจทางภาพ — สำหรับการตรวจสอบข้อเท็จจริง การเปรียบเทียบอย่างละเอียด หรือการส่งออกข้อมูลเพื่อวิเคราะห์เพิ่มเติม
- จัดเรียงตามคอลัมน์ 'ค่า' เพื่อดูรายการสูงสุดหรือต่ำสุด
- คอลัมน์ 'การเปลี่ยนแปลง' แสดงการเติบโตหรือการลดลงจากช่วงก่อนหน้า
- ใช้คอลัมน์ 'ส่วนแบ่ง' เพื่อเปรียบเทียบสัดส่วนของแต่ละหน่วยงานจากทั้งหมดระดับโลก
- ดาวน์โหลดตารางเป็น CSV เพื่อใช้ในสเปรดชีตหรืองานวิจัย
การเลือกกราฟที่เหมาะสม
แต่ละประเภทแผนภูมิจะตอบคำถามที่แตกต่างกัน แผนภูมิ แท่ง ตอบว่า 'ใครกำลังชนะอยู่ตอนนี้?' แผนภูมิ อันดับ ตอบว่า 'ใครแซงหน้าใครในอันดับ?' แผนภูมิ เส้น ตอบว่า 'แต่ละค่ามีการเปลี่ยนแปลงอย่างไร?' แผนภูมิ สตรีมกราฟ ตอบว่า 'ทั้งหมดไหลรวมกันเป็นหนึ่งเดียวได้อย่างไร?' แผนภูมิ วงกลม ตอบว่า 'แต่ละส่วนถือครองสัดส่วนเท่าใดในขณะนี้?' แผนภูมิ ทรีแมป ตอบว่า 'แต่ละส่วนใช้พื้นที่เท่าใดจากทั้งหมด?' แผนภูมิ แผนที่โครโรเพลท ตอบว่า 'ค่าสูงสุดทางภูมิศาสตร์อยู่ที่ใด?' แผนภูมิ แผนที่บับเบิล ตอบว่า 'ขนาดใหญ่แค่ไหน — และอยู่ที่ไหน?' แผนภูมิ บับเบิล ตอบว่า 'ขนาดดิบเปรียบเทียบกันอย่างไร?' และตารางตอบว่า 'ตัวเลขที่แน่นอนคืออะไร?' การสลับมุมมองในชุดข้อมูลเดียวกันจะให้ภาพรวมของข้อมูลจากหลายมุมมองที่สมบูรณ์
- การจัดอันดับและการแข่งขัน → แท่ง
- วิถีการจัดอันดับและการแซงหน้า → อันดับ
- แนวโน้มและวิถีในระยะยาว → เส้น
- องค์ประกอบที่ไหลผ่านเวลา → สตรีมกราฟ
- สัดส่วนในขณะหนึ่ง → วงกลม
- เอนทิตีทั้งหมดที่บรรจุอยู่ในเฟรมเดียว → ทรีแมป
- รูปแบบทางภูมิศาสตร์ → แผนที่โครโรเพลท
- ภูมิศาสตร์ + ขนาดในมุมมองเดียว → แผนที่บับเบิล
- การเปรียบเทียบขนาดบริสุทธิ์ → บับเบิล
- ค่าที่แม่นยำและการส่งออก → ตารางข้อมูล