Skip to content
Find file
Failed to load latest commit information.
lib actually do the thing that I meant to do… May 27, 2013
.gitignore fixes having picked this up Sep 18, 2012
MIT-LICENCE.txt line-wrapped and renamed licence May 27, 2013
package.json added deps for the proc task May 27, 2013


The main parts of this are:

  • a phantomjs script that launches the webserver and loads the pages
  • a node.js proxy to get around some cors issues (which I'm having trouble reproducing at the moment)
  • a script that is injected by the phantomjs to find the css rules, and the items they impact - lib/findStyles.js
  • a frontend page that makes the requests and renders the interactions with canvas - public/index.html


This requires phantom.js, once you have that installed - you can fire up the server with:

phantomjs app.js

By default, this will run on http://localhost:8080

[optional] cors proxy

The cors proxy is a node.js app - you can run it with

npm install
node proxy.js

Then tell the phantomjs script to use that by setting the PROX env variable

PROX="http://localhost:5000/?url=" phantomjs app.js


It would be ace if you wanted to help improve this tool. It's fairly hacked together at the moment so could do with a lot of love. If you have any questions about it at all ping me @benjaminbenben

Something went wrong with that request. Please try again.