ข้อมูลการแสดงภาพ

RenderInfo จะกําหนดวิธีวางองค์ประกอบภาพของบล็อก

บล็อกจะสร้างขึ้นจากอินพุต การเชื่อมต่อ และช่องเสมอ แต่ก็มีหลายวิธีด้วยกัน ตัวอย่างเช่น คําจํากัดความของบล็อกเดียวกันสามารถแสดงผลด้วยอินพุตภายนอกหรืออินพุตแบบอินไลน์

อินพุตภายนอกกับอินไลน์

ข้อมูลการแสดงผลจะกําหนดเลย์เอาต์ที่เลือก

ในขั้นตอนแรกของการแสดงผล ข้อมูลการแสดงผลจะดูคําจํากัดความของบล็อกและการวัดชิ้นภาพ จากนั้นจึงตัดสินใจว่าจะวางบล็อกสี่เหลี่ยมอย่างไร และจัดระเบียบข้อมูลให้เหมาะสม ข้อมูลจะเปลี่ยนเป็นองค์ประกอบและการเว้นระยะห่างซึ่งไม่ซ้อนทับกัน ซึ่งจัดเป็นแถวที่จะไม่ซ้อนทับกัน และตัวจัดแถว

จากนั้น ลิ้นชักจะใช้ข้อมูลที่จัดระเบียบดังกล่าวเพื่อสร้างเส้นทาง SVG ที่แสดงถึงการบล็อก