This study investigated how a schematic-based visualisation approach implemented in an electronic learning environment facilitated the learning of the complex programming concept. The semantic-based visualisation approach applied Visualcode Rules and utilised various pictorial notations modeling the execution of recursive procedures. Zn this study, 38 college students studied the Scheme language and its recursive procedures in three different conditions. The three conditions were (a) the VisualScheme environment in which schematic-based pictorial notations (e.g. coloured icons and environment trees) were employed to help learners trace intermediate steps of executing procedures; (b) an Internet learning environment in which an ordered sequence of static pictorial notations provide a snap shot and illuminate execution of recursive procedures; (c) an Internet learning environment in which on-line source codes were annotated with detailed textual information. Results of the study indicated schematic-based pictorial notations helped students to form a better conceptual framework for learning the concept of recursion. It is suggested that the design of an electronic learning environment may appropriately apply meaningful pictorial information to help students learn complex programming concepts.