mongo-ruby-driver/bench/exp_series.html

196 lines
8.1 KiB
HTML
Raw Normal View History

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Exp Series Performance Tests</title>
<!-- http://code.google.com/p/flot/ -->
<!--[if lte IE 8]><script language="javascript" type="text/javascript" src="excanvas.min.js"></script><![endif]-->
<script language="javascript" type="text/javascript" src="jquery.js"></script>
<script language="javascript" type="text/javascript" src="jquery.flot.js"></script>
<script language="javascript" type="text/javascript" src="exp_series.js"></script>
<style type="text/css">
body {
font-family: sans-serif;
font-size: 16px;
margin: 50px;
max-width: 1000px;
}
div.graph {
width:800px;
height:400px;
}
</style>
</head>
<body>
<h1>Exp Series Performance Tests</h1>
2012-04-17 13:25:11 +00:00
x-axis is power of 2, log base 2 of size<br>
y-axis is operations per user-time CPU-second<br>
Note that this is not operations per real-time second that include DB real-time<br>
<div id="placeholder"></div>
<script type="text/javascript">
2012-04-16 21:28:48 +00:00
function genOpXY(a, xMax, plotSpec, xKey, yKey) {
var genOpA = $.grep(a, function(e, i){
if (e.exp2 > xMax) return false;
for (var key in plotSpec) {
if (e[key] != plotSpec[key]) return false;
}
return true;
});
return $.map(genOpA, function(e, i){return [[e[xKey], e[yKey]]];});
}
2012-04-17 13:25:11 +00:00
function flotSeries(expSeries, xMax, labelSpec, plotSpecs) {
2012-04-16 21:28:48 +00:00
return $.map(plotSpecs, function(plotSpec, i){
return {
2012-04-17 13:25:11 +00:00
label: labelSpec + ': ' + plotSpec[labelSpec],
2012-04-16 21:28:48 +00:00
data: genOpXY(expSeries, xMax, plotSpec, 'exp2', 'ops'),
lines: { show: true },
points: { show: true }
};
});
}
$(function () {
function xExpTicks(axis) {
var res = [];
for (var i = axis.min; i <= axis.max; i++) {
res.push([i, i + ':' + Math.pow(2,i)]);
}
return res;
}
function doPlot(title, series) {
var id = title.replace(/\W/g,'_');
$("#placeholder").append('<h1>' + title + '</h1><div id="' + id + '" class="graph"></div>');
$.plot($('#' + id),
series,
{
xaxis: { ticks: xExpTicks },
yaxes: [ { min: 0 } ],
legend: { position: 'ne' },
grid: { hoverable: true }
});
}
// comment pending
var graph = [
[ 'value_string_size insert C versus Ruby', 14, 'mode',
2012-04-16 21:28:48 +00:00
[
{ base:2, generator:'value_string_size', operation:'insert', mode: 'c', tag: 'array_slow' },
{ base:2, generator:'value_string_size', operation:'insert', mode: 'ruby', tag: 'orig_ruby' }
]
],
[ 'key_string_size insert C versus Ruby', 14, 'mode',
2012-04-16 21:28:48 +00:00
[
{ base:2, generator:'key_string_size', operation:'insert', mode: 'c', tag: 'array_slow' },
{ base:2, generator:'key_string_size', operation:'insert', mode: 'ruby', tag: 'orig_ruby' }
]
],
[ 'array_size_fixnum insert C versus Ruby', 12, 'mode',
2012-04-16 21:28:48 +00:00
[
{ base:2, generator:'array_size_fixnum', operation:'insert', mode: 'c', tag: 'array_slow' },
{ base:2, generator:'array_size_fixnum', operation:'insert', mode: 'ruby', tag: 'orig_ruby' }
]
],
[ 'hash_size_fixnum insert C versus Ruby', 12, 'mode',
2012-04-16 21:28:48 +00:00
[
{ base:2, generator:'hash_size_fixnum', operation:'insert', mode: 'c', tag: 'array_slow' },
{ base:2, generator:'hash_size_fixnum', operation:'insert', mode: 'ruby', tag: 'orig_ruby' }
2012-04-17 13:25:11 +00:00
]
],
[ 'array_nest_fixnum base 2 insert C versus Ruby', 12, 'mode',
2012-04-17 13:25:11 +00:00
[
{ base:2, generator:'array_nest_fixnum', operation:'insert', mode:'c', tag: 'array_slow' },
{ base:2, generator:'array_nest_fixnum', operation:'insert', mode:'ruby', tag: 'orig_ruby' }
2012-04-17 13:25:11 +00:00
]
],
[ 'hash_nest_fixnum base 2 insert C versus Ruby', 12, 'mode',
2012-04-17 13:25:11 +00:00
[
{ base:2, generator:'hash_nest_fixnum', operation:'insert', mode: 'c', tag: 'array_slow' },
{ base:2, generator:'hash_nest_fixnum', operation:'insert', mode: 'ruby', tag: 'orig_ruby' }
]
],
2012-04-17 13:25:11 +00:00
[ 'array_nest_fixnum insert C by base', 12, 'base',
2012-04-16 21:28:48 +00:00
[
{ base:2, generator:'array_nest_fixnum', operation:'insert', mode: 'c', tag: 'array_slow' },
{ base:4, generator:'array_nest_fixnum', operation:'insert', mode: 'c', tag: 'array_slow' },
{ base:8, generator:'array_nest_fixnum', operation:'insert', mode: 'c', tag: 'array_slow' },
{ base:16, generator:'array_nest_fixnum', operation:'insert', mode: 'c', tag: 'array_slow' },
{ base:32, generator:'array_nest_fixnum', operation:'insert', mode: 'c', tag: 'array_slow' }
]
],
2012-04-17 13:25:11 +00:00
[ 'hash_nest_fixnum insert C by base', 12, 'base',
2012-04-16 21:28:48 +00:00
[
{ base:2, generator:'hash_nest_fixnum', operation:'insert', mode: 'c', tag: 'array_slow' },
{ base:4, generator:'hash_nest_fixnum', operation:'insert', mode: 'c', tag: 'array_slow' },
{ base:8, generator:'hash_nest_fixnum', operation:'insert', mode: 'c', tag: 'array_slow' },
{ base:16, generator:'hash_nest_fixnum', operation:'insert', mode: 'c', tag: 'array_slow' },
{ base:32, generator:'hash_nest_fixnum', operation:'insert', mode: 'c', tag: 'array_slow' }
]
],
[ 'array_size_fixnum slow versus hash_size_fixnum insert C', 12, 'generator',
2012-04-16 21:28:48 +00:00
[
{ base:2, generator:'array_size_fixnum', operation:'insert', mode: 'c', tag: 'array_slow' },
{ base:2, generator:'hash_size_fixnum', operation:'insert', mode: 'c', tag: 'array_slow' }
]
],
[ 'array_size_fixnum fast versus hash_size_fixnum insert C', 12, 'generator',
[
{ base:2, generator:'array_size_fixnum', operation:'insert', mode: 'c', tag: 'array_fast' },
{ base:2, generator:'hash_size_fixnum', operation:'insert', mode: 'c', tag: 'array_slow' }
]
],
[ 'array_size_fixnum slow versus fast insert C', 12, 'tag',
[
{ base:2, generator:'array_size_fixnum', operation:'insert', mode: 'c', tag: 'array_slow' },
{ base:2, generator:'array_size_fixnum', operation:'insert', mode: 'c', tag: 'array_fast' }
]
2012-04-16 21:28:48 +00:00
]
];
$.each(graph, function(i, e){
var title, xMax, labelSpec, plotSpecs;
title = e[0]; xMax = e[1]; labelSpec = e[2]; plotSpecs = e[3]; //[title, xMax, labelSpec, plotSpecs] = e;
2012-04-17 13:25:11 +00:00
var series = flotSeries(expSeries, xMax, labelSpec, plotSpecs);
doPlot(title, series);
});
function showTooltip(x, y, contents) {
$('<div id="tooltip">' + contents + '</div>').css( {
position: 'absolute',
display: 'none',
top: y + 5,
left: x + 5,
border: '1px solid #fdd',
padding: '2px',
'background-color': '#fee',
opacity: 0.80
}).appendTo("body").fadeIn(200);
}
var previousPoint = null;
$('.graph').bind('plothover', function (event, pos, item) {
$("#x").text(pos.x.toFixed(2));
$("#y").text(pos.y.toFixed(2));
if (item) {
if (previousPoint != item.dataIndex) {
previousPoint = item.dataIndex;
$("#tooltip").remove();
var x = item.datapoint[0].toFixed(2),
y = item.datapoint[1].toFixed(2);
showTooltip(item.pageX, item.pageY,
item.series.label + ' [ ' + Math.round(x) + ', ' + Math.round(y) + ' ]');
}
}
else {
$("#tooltip").remove();
previousPoint = null;
}
});
});
</script>
</body>
</html>