Just after I made my really ugly animated turkey sketch (see post), I saw this much better set of Christmas icons in the Smashing Magazine Article Freebie Christmas Icon Set from Manuela Langella. While I still remember how to do this, I thought I would use the same techniques in R using rvest + XML + htmltools to animate the paths with vivus.js. In the iframe below is the result on the Santa icon.
Code: http://gist.github.com/39394d6e37a7fd878cab#file-code-R
I did not intend for this little experiment to become a post, but I think the code builds nicely on the XML + rvest combination (also see yesterday’s post) for working with XML/HTML/SVG documents in R.
It all started when I was playing on my iPhone in the Sketchbook app and drew a really bad turkey. Even though, the turkey was bad, I thought it would be fun to combine with vivus.js. However, Sketchbook does not export SVG, so I exported as PDF and imported into Inkscape. The end result was a still very messy SVG file, so I thought it would be a great test / application of my new skills with rvest + XML. The code opens the SVG, grabs all the path nodes, assembles those into a svg tag with id = "turkey", and then adds a script to use the addDependency for vivus.js.
Happy Thanksgiving to all the US readers out there.
