I released on github a small project called Live Javascript Editor. LJE is a simple javascript app that lets you type and execute Javascript code and snippets on the fly. Its main purpose is to help a speaker present and illustrate Javascript code to an audience, like you would do during a tech conference.

I originally created LJE for Google I/O 2011 to illustrate advanced features of Google Chart Tools with some live examples. You can see how I used it in the recorded video (38m30s in), and the embedding in the original presentation.

LJE is best suited for embedding in an HTML5 presentation, like the one you can create using this template. It uses fonts and sizes that suit the average projector and conference room (so that everybody should be able to read comfortably).

Try before you buy

Try LJE live here. It is preloaded with two samples (named demo1 and demo2): the first shows some jQuery-based javascript animation, the second some graphs built using the d3 library.

Load the examples by clicking the links on the bottom. Try modifying the code and hitting the ‘execute’ button to see the output change on in real time.

Note that LJE is minimally tested and only on FF4, Chrome, Safari, Opera.

The project page on github contains all the instructions on how you can create your own snippets.

(see full size)