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