Cỏc hỡnh (shape) trờn lược đồ (diagram) được ỏnh xạ tới cỏc phần tử (element) trong mụ hỡnh (model).
Cỏc hỡnh (shape) và mối kết nối (connector) trong định nghĩa DSL (DSL definition) cú nhiều thuộc tớnh cho phộp tựy biến màu sắc và kiểu (style), kớch thước ban đầu khi shape được tạo ra lần đầu tiờn, hỡnh dỏng hỡnh học của shape, và v.v… Bạn cú thể định nghĩa bộ trang trớ văn bản (text và iocn decorator) và icon cho cỏc shape và mối kết nối. Một text decorator (bộ trang trớ text) được sử dụng để hiển thị text, thường là giỏ trị của một vài domain property bờn dưới, với hay liền kề với một shape.
Để cỏc model element trong DSL cú thể được trực quan húa (visualize) trờn diagram (diagram surface). Ta cần phải định nghĩa:
Loại (kind) và vẻ bề ngoài (appearance – sự xuất hiện) của cỏc hỡnh (shape) mà sẽ được sử dụng để thể hiện (present) những phần tử (element) đú.
Một ỏnh xạ từ định nghĩa hỡnh (shape definition) tới domain class của cỏc phần tử, mà sẽ điều khiển hành động sắp đặt (placement behavior) của một hỡnh (shape) và diện mạo (appeareance) của trỡnh trang trớ (decorator) bị ảnh hưởng như thế nào khi dữ liệu thay đổi.
Để cỏc link cú thể được trực quan húa trờn diagram thỡ cần phải định nghĩa:
Diện mạo của mối kết nối (connector) mà sẽ được sử dụng để thể hiện
cỏc link.
Một ỏnh xạ từ định nghĩa connector tới domain relationship cho cỏc link, sẽ xỏc định cỏch hành xử kết nối của một connector và diện mạo của decorator bị ảnh hưởng như thế nào khi dữ liệu thay đổi.
Cú nhiều loại shape (vớ dụ shape hỡnh học và shape hỡnh ảnh). Shape hỡnh ảnh hiển thị một hỡnh ảnh cụ thể. Một shape hỡnh học hiển thị một shape với đường nột hỡnh học bờn ngoài như hỡnh chữ nhật (người sử dụng DSL cú thể resize)
Diagram và Editor
Việc định nghĩa kớ kiệu đồ họa được thực hiện trong ngữ cảnh của một diagram, sau đú được tham chiếu bởi việc định nghĩa editor.
Định nghĩa diagram và editor xuất hiện như là cỏc node trong DSL explorer. Cả 2 node này trong định nghĩa DSL được tạo ra khi tạo một project DSL sử dụng project template DSL designer. Nếu bạn xúa nú, cú thể tạo lại nú băng cỏch click lờn node cấp cao nhất (Dsl) trong DSL explorer và chọn “Add Diagram” hay chọn “Add Custom Editor” / “Add Designer” từ menu ngữ cảnh.
Diagram
Việc định nghĩa diagram là một vật chứa (container) cho cỏc shape map và connector map. Hỡnh bờn dưới trỡnh bày định nghĩa của diagram cho Issue State DSL