ไดอะแกรม Sankey
แสดงภาพปริมาณการไหลระหว่างโหนดด้วยลูกศรตามสัดส่วน เหมาะสำหรับการไหลของพลังงาน การจัดสรรงบประมาณ และช่องทางการแปลง
ไดอะแกรม Sankey คืออะไร?
ไดอะแกรม Sankey เป็นไดอะแกรมการไหลที่ความกว้างของลูกศรเป็นสัดส่วนกับปริมาณการไหลที่แสดง เหมาะสำหรับแสดงวิธีที่ปริมาณไหล แยก และรวมผ่านระบบ ตั้งชื่อตามกัปตันชาวไอริช Matthew Sankey ไดอะแกรมเหล่านี้มีคุณค่าสำหรับการแสดงภาพการถ่ายโอนพลังงาน การไหลของงบประมาณ ช่องทางการแปลง และกระบวนการใด ๆ ที่การเข้าใจการไหลตามสัดส่วนเป็นสิ่งสำคัญ
แก้ไขและดูตัวอย่าง
สร้าง ไดอะแกรม Sankey ด้วยไวยากรณ์ Mermaid และดูการเปลี่ยนแปลงทันที
Example
Sankey diagram example
A Mermaid sankey diagram showing how editor exports flow into documentation uses.
Mermaid code
sankey-beta
Editor,PNG export,42
Editor,SVG export,28
Editor,PDF export,18
Editor,JPG export,12
PNG export,Documentation,35
SVG export,Website,22
PDF export,Presentation,15กรณีการใช้งานทั่วไป
การวิเคราะห์ช่องทางการแปลง
แสดงภาพการไหลของผู้ใช้ผ่านช่องทางการตลาดหรือการขาย ดูว่าผู้ใช้หลุดไปที่ไหนและทราฟฟิกแปลงอย่างไรในแต่ละขั้นตอน
การแสดงภาพการไหลของพลังงาน
แสดงวิธีที่พลังงานถูกผลิต แปลง และบริโภคข้ามระบบ ติดตามการสูญเสียและประสิทธิภาพในแต่ละขั้นตอน
การไหลของงบประมาณและต้นทุน
แสดงวิธีที่เงินไหลจากแหล่งรายได้ผ่านแผนกไปยังค่าใช้จ่าย ทำให้การกระจายทางการเงินเข้าใจง่าย
การจัดทำแผนผังห่วงโซ่อุปทาน
ติดตามวัสดุและผลิตภัณฑ์จากซัพพลายเออร์ผ่านการผลิตไปยังการจัดจำหน่าย แสดงภาพปริมาณในแต่ละขั้นตอน
ฟีเจอร์หลัก
ลูกศรตามสัดส่วน
ความกว้างลูกศรปรับขนาดอัตโนมัติเพื่อแสดงปริมาณการไหล ทำให้ปริมาณสัมพัทธ์เห็นได้ทันที
ป้ายกำกับโหนด
กำหนดโหนดต้นทางและปลายทางด้วยป้ายกำกับเชิงอธิบายเพื่อระบุแต่ละขั้นตอนหรือเอนทิตีในการไหล
หลายกระแส
แสดงการไหลที่แยกจากหนึ่งแหล่งไปหลายเป้าหมาย หรือหลายแหล่งรวมเป็นเป้าหมายเดียว
ไวยากรณ์แบบ CSV อย่างง่าย
กำหนดการไหลโดยใช้ชุดสามค่า ต้นทาง เป้าหมาย ค่า ที่เข้าใจง่าย เขียนและดูแลรักษาง่าย
แนวทางปฏิบัติที่ดี
ไหลจากซ้ายไปขวา
จัดเรียงไดอะแกรมให้การไหลเคลื่อนจากซ้ายไปขวา ตรงกับทิศทางการอ่านตามธรรมชาติและความก้าวหน้าทางเวลา
ใช้ชื่อโหนดที่มีความหมาย
ติดป้ายกำกับโหนดอย่างชัดเจนเพื่อให้ผู้อ่านเข้าใจทันทีว่าแต่ละขั้นตอนหรือเอนทิตีแสดงถึงอะไร
จำกัดความซับซ้อน
รักษาจำนวนการไหลและโหนดให้จัดการได้ ลูกศรที่ตัดกันมากเกินไปจะลดความสามารถในการอ่าน
ตรวจสอบความถูกต้องของข้อมูล
ตรวจสอบว่าค่าการไหลถูกต้อง เนื่องจากสัดส่วนภาพสื่อสารปริมาณโดยตรงกับผู้อ่าน
สำรวจไดอะแกรมประเภทอื่น
Flowchart
แสดงภาพกระบวนการ เวิร์กโฟลว์ และอัลกอริทึมด้วยโหนดและลูกศรทิศทาง เหมาะสำหรับกระบวนการทางธุรกิจและแผนผังการตัดสินใจ
Sequence Diagram
บันทึกการโต้ตอบระหว่างผู้กระทำหรือระบบต่าง ๆ ตามลำดับเวลา เหมาะสำหรับเอกสาร API และการออกแบบระบบ
Class Diagram
สร้างแบบจำลองระบบเชิงวัตถุด้วยคลาส แอตทริบิวต์ และความสัมพันธ์ จำเป็นสำหรับการวางแผนสถาปัตยกรรมซอฟต์แวร์
State Diagram
แสดงการเปลี่ยนสถานะในระบบหรือแอปพลิเคชัน เหมาะสำหรับการสร้างแบบจำลองสถานะวงจรชีวิตและเวิร์กโฟลว์
Gantt Chart
วางแผนและติดตามไทม์ไลน์โครงการด้วยงานและการพึ่งพา เหมาะสำหรับการจัดการโครงการและการจัดตารางเวลา
ER Diagram
ออกแบบสคีมาฐานข้อมูลด้วยเอนทิตีและความสัมพันธ์ เหมาะสำหรับการสร้างแบบจำลองและเอกสารฐานข้อมูล
User Journey
จัดทำแผนที่ประสบการณ์ผู้ใช้และการโต้ตอบข้ามจุดสัมผัส เหมาะสำหรับการออกแบบ UX และการจัดทำแผนที่การเดินทางของลูกค้า
Git Graph
แสดงภาพกลยุทธ์การแตกสาขาของ Git และประวัติคอมมิต ช่วยอธิบายเวิร์กโฟลว์การควบคุมเวอร์ชัน
แผนที่ความคิด
จัดระเบียบไอเดีย ระดมความคิด และสร้างโครงสร้างภาพแบบลำดับชั้น เหมาะสำหรับการวางแผนและจัดทำแผนที่ความรู้
แผนภูมิวงกลม
แสดงการกระจายข้อมูลตามสัดส่วนด้วยแผนภูมิวงกลม เหมาะสำหรับแสดงเปอร์เซ็นต์และการวิเคราะห์ส่วนแบ่งตลาด
ไทม์ไลน์
แสดงภาพเหตุการณ์และเหตุการณ์สำคัญตามลำดับเวลา เหมาะสำหรับประวัติโครงการและแผนงาน
บอร์ด Kanban
จัดระเบียบงานเป็นคอลัมน์ที่แสดงขั้นตอนเวิร์กโฟลว์ เหมาะสำหรับการจัดการโครงการแบบ Agile และการติดตามงาน
แผนภูมิสี่ส่วน
วางรายการบนตารางสองแกนเพื่อเปรียบเทียบและจัดลำดับความสำคัญ เหมาะสำหรับการจัดลำดับความสำคัญฟีเจอร์และการวิเคราะห์เชิงกลยุทธ์
แผนภูมิ XY
สร้างแผนภูมิแท่งและแผนภูมิเส้นด้วยแกนที่กำหนดเอง เหมาะสำหรับการแสดงภาพข้อมูลและการวิเคราะห์แนวโน้ม
ไดอะแกรมบล็อก
สร้างเลย์เอาต์ที่มีโครงสร้างด้วยบล็อกจัดเรียงในคอลัมน์และแถว เหมาะสำหรับสถาปัตยกรรมระบบและภาพรวมส่วนประกอบ
ไดอะแกรมสถาปัตยกรรม
ออกแบบสถาปัตยกรรมคลาวด์และระบบด้วยไอคอนบริการและการเชื่อมต่อ เหมาะสำหรับเอกสารโครงสร้างพื้นฐาน
ไดอะแกรมแพ็กเก็ต
แสดงภาพโครงสร้างแพ็กเก็ตโปรโตคอลเครือข่ายด้วยเลย์เอาต์ฟิลด์ระดับบิต จำเป็นสำหรับเอกสารโปรโตคอลเครือข่าย