#UI from Canvas
https://www.youtube.com/watch?v=QszjZfvl9vw ( Joseph Smarr: High-Performance JavaScript - Why Everything You've Been Taught is Wrong )
https://www.youtube.com/watch?v=MviAo7wc9go ( HTML5DevConf: Ken Sundermeyer "Using "canvas" to create great cross-platform UX" )
| # Add to nginx.conf http section | |
| map $http_upgrade $connection_upgrade { | |
| default upgrade; | |
| '' close; | |
| } |
| /** | |
| * requestAnimationFrame polyfill by Erik Möller & Paul Irish et. al. | |
| * https://gist.github.com/1866474 | |
| * | |
| * http://paulirish.com/2011/requestanimationframe-for-smart-animating/ | |
| * http://my.opera.com/emoller/blog/2011/12/20/requestanimationframe-for-smart-er-animating | |
| **/ | |
| /*jshint asi: false, browser: true, curly: true, eqeqeq: true, forin: false, newcap: true, noempty: true, strict: true, undef: true */ |
| // http://paulirish.com/2011/requestanimationframe-for-smart-animating/ | |
| // http://my.opera.com/emoller/blog/2011/12/20/requestanimationframe-for-smart-er-animating | |
| // requestAnimationFrame polyfill by Erik Möller | |
| // fixes from Paul Irish and Tino Zijdel | |
| (function() { | |
| var lastTime = 0; | |
| var vendors = ['ms', 'moz', 'webkit', 'o']; | |
| for(var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) { |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <script type="text/javascript" src="http://mbostock.github.com/d3/d3.js"></script> | |
| <script type="text/javascript" src="./tooltip.js"></script> | |
| </head> | |
| <body> | |
| <div class="viz"></div> | |
| <script type="text/javascript"> |
