Tool to create non-linear presentations inspired by Prezi.

• replace logo.svg with the logo of your affiliation
• create an svg-file containing all the elements of your presentation (see slides.svg for an example)
  • I use Inkscape with the superb WriteTex plugin to render LaTeX
• put things that belong to one "slide" together and assign an ID to the group
• assign an ID to every element that should be faded in or faded out at some point
• specify the "flow" of your presentation in JavaScript (see script.js for an example)
  • first create a "view" for every slide (by calling preji.view with the ID of the respective group as argument)
  • create a two-dimensional array slides of "actions" where an action is created by calling one of the following functions:
    • preji.fade_out with a single argument -- an array of IDs of elements that should be faded out
    • preji.fade_in with a single argument -- an array of IDs of elements that should be faded in
    • preji.change_view with a single argument -- the ID of the (group corresponding to the) next slide
  • so every element of slides is an array of actions that will be performed simultaneously
  • call preji.start(slides)
• include d3/d3.v5.min.js, transformation-matrix/transformation-matrix.js, preji.js, and the script that you've just created in your svg-file
• start a web-server locally by executing start.sh
• open localhost:8082/slides.html in a browser
• go back and forth with the right / left arrow key
• use enter to hide the logo
  • this is helpful if the projector has a different resolution than expected so that the logo overlaps with content
  • if you do not want a logo, modify slides.html accordingly

There's another action for moving objects, but it is still experimental. See script.js for examples how to use it.