Lively Kernel canvas 100 ? d.toFixed() : d.toFixed(1) }) // debugger // vis.scale = 2 vis.render(); vis.canvas().style.position = 'absolute' vis.canvas().style.WebkitTransform = 'scale(' + scale + ') translate(' + posX +'px, ' + posY + 'px)' vis.canvas().style.WebkitTransformOrigin = '0px 0px' vis.canvas().parentNode.removeChild(vis.canvas()); return vis.canvas().cloneNode(true); } avg = function(arr) { return pv.sum(arr) / arr.length } drawBenchmark = function() { var data; var visualizations = [] var height = 160; var spacing = 14 var width = 132 // ellipse data = [14.78, // HTML + flattened // 15.5, // HTML + flattened _+ delayed 8, // HTML 31.63, // SVG // 12.65 // CAnvas ] visualizations.push(draw(data, 1.6, spacing, height)); // mouse click data = [155.25, 734.75, 217.75] // visualizations.push(draw(data, 1.6, spacing + width + spacing,height)); visualizations.push(draw(data, 1.6, spacing + width + spacing,height)); // mouse move data = [748.5, 855.25, 987] visualizations.push(draw(data, 1.6, spacing + width + spacing + width + spacing ,height)); // list selection data = [68.5, 130.5, 555.75] visualizations.push(draw(data, 1.6, spacing + width + spacing + width + spacing + width + spacing ,height)); visualizations.forEach(function(ea) { document.body.appendChild(ea) }) window.visualizations = visualizations return visualizations } removeVisuualizations = function() { if (!Global.visualizations) return; Global.visualizations.forEach(function(ea) { ea.parentNode.removeChild(ea); }) } /* drawBenchmark() removeVisuualizations() */]]> LivelyHTML-FinalPresentation16nullnull 40nullnull PerformanceEvaluation40nulltrue truetruetrue 918null prevfalsenulltruefalsetrue nextfalsenulltruefalsetrue fps13 ms13 ms13 ms13 Ellipsebenchmark17 Mousemovebenchmark17 Listselectionbenchmark17 Mouseclickbenchmark17 MacbookPro,2.16GHzCore2Duo,3GBRAMGoogleChrome5(Mozilla/5.0(Macintosh;U;IntelMacOSX10_6_4;en-US)AppleWebKit/533.4(KHTML,likeGecko)Chrome/5.0.375.99Safari/533.4)3 HTML0.878803944679097217 SVG0.915225335747020817 HTML+ContextJS0.88770263114548817 HTML0.878803944679097217 SVG0.915225335747020817 HTML+ContextJS0.88770263114548817 HTML0.878803944679097217 SVG0.915225335747020817 HTML+ContextJS0.88770263114548817 SVG0.915225335747020817 HTML0.878803944679097217 HTML+ContextJS0.88770263114548817 Canvas0.915225335747020817 null99