การแจกจ่าย

สิ่งที่รวมกันเป็นทั้งหมดในบรรทัดเดียว โดยที่แถบความก้าวหน้าบอกว่าค่าหนึ่งไปได้ไกลแค่ไหน ขณะที่สิ่งนี้บอกว่าทั้งหมดแบ่งออกเป็นอย่างไร: ส่วนต่างๆ จะมีลำดับตามที่กำหนด ดังนั้นท่อจึงอ่านจากซ้ายไปขวาเหมือนกับที่มันเป็น ท่อต่างๆ จะถูกตั้งชื่อด้วยศัพท์ที่แคปซูลและวงกลมพูดถึงอยู่แล้ว ดังนั้นสถานะหนึ่งจึงไม่สามารถใช้สีได้สองสี

ทั้งหมดในส่วน

ส่วนต่างๆ เติบโตตามสัดส่วนกับค่าของมัน และคำอธิบายบอกชื่อเหล่านั้นในคำใต้ — แคปซูลเดียวกับที่ตารางวาดสถานะให้ ดังนั้นตาจึงเคลื่อนที่ระหว่างทั้งสองโดยไม่เรียนรู้สิ่งใหม่

หน้าของแคตตาล็อก1109

เสร็จเรียบร้อย267 กำลังดำเนินการ41 ต้องทำ607 ล้มเหลว12 ยังไม่ได้เริ่ม182

ส่วนที่นำไปสู่ที่ไหนสักแห่ง

ส่วนที่มีเป้าหมายคือการเชื่อมโยง: แถบกลายเป็นวิธีเข้าสู่รายการที่มันสรุปไว้ ใต้ตัวชี้มันจะมีแสงที่แสดงแทนสีอื่น ซึ่งจะบอกสถานะที่แตกต่างออกไป

องค์ประกอบของระบบการออกแบบ

เสร็จเรียบร้อย267 ต้องทำ607 ยังไม่ได้เริ่ม182

โดยไม่มีคำอธิบาย

ที่ซึ่งส่วนต่างๆ ถูกตั้งชื่ออยู่ข้างๆ หรือที่แถบต้องแค่บอกรูปร่างของสิ่งนั้น คำอธิบายจะถูกละทิ้งและแต่ละส่วนบอกว่ามันคืออะไรใต้ตัวชี้

รวมที่ใหญ่กว่าส่วนของมัน

สิ่งที่รวมคำนวณและไม่มีส่วนใดที่คิดถึงถือว่ามีส่วนแบ่งในแถวและวาดอะไรไม่ได้: เส้นทางแสดงให้เห็นสำหรับจำนวนเท่านั้น แทนที่จะให้ส่วนต่างๆ ยืดเพื่อเติมเต็มแถบที่พวกเขาไม่เติมเต็ม

ไฟล์ที่อ่าน400

เสร็จเรียบร้อย120 ล้มเหลว30

ยังไม่มีการนับ

ไม่มีทั้งหมดและไม่มีส่วน — งานยังไม่เริ่มต้น ยอดยังออกอยู่ แถบยังคงอยู่ที่ตำแหน่งของมัน เหมือนเส้นทางเปล่า — พื้นเดียวกับที่รวมที่ใหญ่กว่าส่วนของมันแสดงให้เห็น — ดังนั้นแถวของมันจึงรักษารูปทรง; รูปร่างของมันเป็นขีดกลาง เนื่องจากไม่มีการนับคือไม่ใช่ศูนย์

ไฟล์ที่อ่าน—

กระชับ

แถบที่บางลงสำหรับแถวหรือฟุตเตอร์การ์ด โดยมีความหนาแบ่งให้กับแคปซูลในคำอธิบายของมัน

symfony-design-system51

symfony-loader42

symfony-search10

Vue, ขับเคลื่อน

แถบเดียวกัน โดยที่ส่วนต่างๆ ถูกให้เป็นข้อมูล ส่วนที่นำไปไหนไม่ได้จะตอบสนองต่อการคลิกด้วย `select` ซึ่งคือสิ่งที่ต้องฟังสำหรับตารางที่กรองตัวเองข้างๆ