Jsvee & Kelmu: Creating and Tailoring Program Animations for Computing Education

Research output: Chapter in Book/Report/Conference proceedingConference contributionScientificpeer-review

7 Citations (Scopus)


To learn to program, a novice programmer must understand the dynamic, runtime aspect of program code, a so-called notional machine. Understanding the machine can be easier when it is represented graphically, and tools have been developed to this end. However, these tools typically support only one programming language and do not work in a web browser. In this article, we present the functionality and technical implementation of the two visualization tools. First, the language-agnostic and extensible Jsvee library helps educators visualize notional machines and create expression-level program animations for online course materials. Second, the Kelmu toolkit can be used by ebook authors to augment automatically generated animations, for instance by adding annotations such as textual explanations and arrows. Both of these libraries have been used in introductory programming courses, and there is preliminary evidence that students find the animations useful.
Original languageEnglish
Title of host publication2016 IEEE Working Conference on Software Visualization (VISSOFT)
Number of pages10
ISBN (Print)978-1-5090-3850-3
Publication statusPublished - 1 Oct 2016
MoE publication typeA4 Article in a conference publication
EventIEEE Working Conference on Software Visualization - Raleigh, United States
Duration: 3 Oct 20164 Oct 2016
Conference number: 4


ConferenceIEEE Working Conference on Software Visualization
Abbreviated titleVISSOFT
CountryUnited States
Internet address


  • Animation
  • Computer languages
  • Libraries
  • Programming profession
  • Software
  • Visualization
  • Jsvee
  • Kelmu
  • augmentation
  • expression-level visualization
  • program visualization


Dive into the research topics of 'Jsvee & Kelmu: Creating and Tailoring Program Animations for Computing Education'. Together they form a unique fingerprint.
  • VISSOFT 2016

    Teemu Sirkiä (Contributor)

    1 Oct 20165 Oct 2016

    Activity: Talk or presentation typesConference presentation

Cite this