VilleKaravirta.com

For a while now, I’ve been meaning to start a series of articles on JSAV features. The current documentation only works as a reference to the API and does not explain or give enough examples. Also, it does not argue why things are done certain way and writing these things down makes me really think them [...]

Ever since I wrote my first blogpost and demo about using the accelerometer I’ve been planning on implementing some educational material that would use it. I think it can be used to make educational assignments more engaging. I finally found the time to complete the binary search tree search assignment that uses the accelerometer. Go [...]

This summer in the Program Visualization Workshop 2011, I had a paper with a colleague about the use of web services to help algorithm visualization (AV) systems. One potential service we identified and implemented was an OEmbed endpoint for embedding AVs into hypertext learning materials such as ebooks. OEmbed is “a format for allowing an [...]

JSAV and OpenDSA For a while now, I’ve been working with Cliff Shaffer on the JavaScript Algorithm Visualization (or, JSAV) library. The goal of the library is to provide a modern JavaScript framework for building interactive algorithm visualizations. This is still early work, but the version 0.2 of the library has just been released. At [...]

In the first post about CSS3 and algorithm visualization, I had demos showing how to animate sorting algorithms using CSS3 transforms. Yesterday, when watching CSS3 First Look on Lynda.com, I learned about the CSS3 Flexible Box Layout Module and wanted to give it a try and improve the previous animations. Flexible Box Layout The flexible [...]

CSS3 offers some interesting new properties that could be used for algorithm visualization. Here, I’ll first introduce the new properties and then proceed to show and explain some demos that I’ve created. You can skip the nonsense and view the demos: bubble sort selection sort CSS3 (or Cascading Stylesheets 3) CSS3 includes several modules useful [...]