JSAV

JSAV: The JavaScript Algorithm Visualization Library

Documentation for v1.0.x

• Getting Started
• • Downloading and Installing JSAV
  • Required Files and HTML
  • Creating A Visualization
  • Creating A Slideshow
• Data Structures
• • Array API
  • Data Structures, Nodes, and Edges
  • Graph API
  • Linked List API
  • Matrix (or, 2D Array) API
  • Tree and Binary Tree API
• Graphical Primitives
• • Circle API
  • Ellipse API
  • Line, Polygon, and Polyline API
  • Path API
  • Rectangle API
  • Set API
• Code Elements
• • Pointer API
  • Pseudocode API
  • Variable API
• Common Functionality
• Additional APIs
• • Animation Effects
  • Label API
  • Event Logging
  • Messages API
  • Settings for AVs
  • Utility Functions
• Creating Exercises
• • Exercise API
  • Tutorial - Creating a Proficiency Exercise with JSAV
• Showing Questions

Project on GitHub

Publications

JSAV system papers:

• Ville Karavirta, Clifford A. Shaffer (Early Access). Creating Engaging Online Learning Material with the JSAV JavaScript Algorithm Visualization Library. IEEE Transactions on Learning Technologies. (link)

• Ville Karavirta, Clifford A. Shaffer (2013). JSAV: the JavaScript algorithm visualization library. In Proceedings of the 18th ACM conference on Innovation and technology in computer science education, pp. 159–164, New York, NY, USA. (link)

Articles discussing JSAV use:

• Eric Fouh, Ville Karavirta, Daniel A. Breakiron, Sally Hamouda, Simin Hall, Thomas L. Naps, Clifford A. Shaffer (2014). Design and architecture of an interactive eTextbook – the OpenDSA system. Science of Computer Programming, 88(1), pages 22–40. (link)
• Ville Karavirta, Ari Korhonen, Otto Seppälä (2013). Misconceptions in Visual Algorithm Simulation Revisited: On UI’s Effect on Student Performance, Attitudes and Misconceptions. In Learning and Teaching in Computing and Engineering (LaTiCE), pages 62–69. (link)

Presentations

JSAV in use

The OpenDSA project uses JSAV in most of its content. You can, for example, take a look at the sample book.