Example 2: Symbol-Level Editing

Screenshot of Lego Mindsorm RCX code.

Description: Screenshot showing a code editing environment in which each operation is represented graphically as a piece of a toy constructor set (e.g. Lego). The graphical "pieces" of code have different colors and appearances depending on what operation they are. One of the operations is a repeat loop and its attributes (e.g. repeat conditions) are controlled by form elements on the "piece".The graphical "pieces" of code can be dragged around and assembled in different orders.
(Source: Screenshot from Lego MindStorms RCX software)