program your own presentation slides (remark+d3.js mashup)

For a while I’ve wished that I could program my own slides because while programs like powerpoint and keynote make things pretty easy, I make so many slide decks it would actually save time to automate/program certain aspects which are non-trivial in either of those programs. In addition, for certain effects the built-in tools for those programs are clunky.

HTML slides are becoming a pretty compelling alternative to standard presentation programs because they are flexible and extensible. I spent a bit this afternoon cooking up a way to trigger custom animations/javascript code inside a remark remark slide deck. Example slides here. All the code is contained in the index.html file. You do need my custom extension to remark located here. Only tested in chrome, use the arrow keys to advance the slides.