226 lines
10 KiB
HTML
226 lines
10 KiB
HTML
<!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;
|
|
}
|
|
div.graph {
|
|
width:800px;
|
|
height:400px;
|
|
}
|
|
div.hidden {
|
|
//display: none; //visibility: hidden; // to collapse, use display: none
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<h1>Exp Series Performance Tests</h1>
|
|
x-axis is power of 2, log base 2 of size<br>
|
|
y-axis is "document" operations per second, ex., total document insertions per second<br>
|
|
<br>
|
|
For measuring Ruby driver performance, we are interested primarily in the "user" CPU time.<br>
|
|
The "user" time is the time used by the Ruby driver, typically much less than real time.<br>
|
|
<div id="placeholder"></div>
|
|
|
|
<script type="text/javascript">
|
|
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]]];});
|
|
}
|
|
function flotSeries(expSeries, xMax, labelSpec, plotSpecs) {
|
|
return $.map(plotSpecs, function(plotSpec, i){
|
|
return {
|
|
label: labelSpec + ': ' + plotSpec[labelSpec],
|
|
data: genOpXY(expSeries, xMax, plotSpec, 'exp2', 'ut_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, classes) {
|
|
var id = title.replace(/\W/g,'_');
|
|
$("#placeholder").append('<h3>' + title + '</h3><div id="show_hide_' + id + '" class="show_hide">Show/Hide</div><div id="' + id + '" class="graph"></div>');
|
|
var e = $('#' + id);
|
|
$.plot(e, series, {
|
|
xaxis:{ ticks:xExpTicks },
|
|
yaxes:[
|
|
{ min:0 }
|
|
],
|
|
legend:{ position:'ne' },
|
|
grid:{ hoverable:true }
|
|
});
|
|
e.addClass(classes);
|
|
}
|
|
|
|
// comment pending
|
|
var graph = [
|
|
[ '#placeholder', 'value_string_size insert C versus Ruby', 'hidden', 14, 'mode',
|
|
[
|
|
{ base:2, generator:'value_string_size', operation:'insert', mode: 'c', tag: 'base_c' },
|
|
{ base:2, generator:'value_string_size', operation:'insert', mode: 'ruby', tag: 'base_ruby' }
|
|
]
|
|
],
|
|
[ '#placeholder', 'key_string_size insert C versus Ruby', 'hidden', 14, 'mode',
|
|
[
|
|
{ base:2, generator:'key_string_size', operation:'insert', mode: 'c', tag: 'base_c' },
|
|
{ base:2, generator:'key_string_size', operation:'insert', mode: 'ruby', tag: 'base_ruby' }
|
|
]
|
|
],
|
|
[ '#placeholder', 'array_size_fixnum insert C versus Ruby', 'hidden', 12, 'mode',
|
|
[
|
|
{ base:2, generator:'array_size_fixnum', operation:'insert', mode: 'c', tag: 'base_c' },
|
|
{ base:2, generator:'array_size_fixnum', operation:'insert', mode: 'ruby', tag: 'base_ruby' }
|
|
]
|
|
],
|
|
[ '#placeholder', 'hash_size_fixnum insert C versus Ruby', 'hidden', 12, 'mode',
|
|
[
|
|
{ base:2, generator:'hash_size_fixnum', operation:'insert', mode: 'c', tag: 'base_c' },
|
|
{ base:2, generator:'hash_size_fixnum', operation:'insert', mode: 'ruby', tag: 'base_ruby' }
|
|
]
|
|
],
|
|
[ '#placeholder', 'array_nest_fixnum base 2 insert C versus Ruby', 'hidden', 12, 'mode',
|
|
[
|
|
{ base:2, generator:'array_nest_fixnum', operation:'insert', mode:'c', tag: 'base_c' },
|
|
{ base:2, generator:'array_nest_fixnum', operation:'insert', mode:'ruby', tag: 'base_ruby' }
|
|
]
|
|
],
|
|
[ '#placeholder', 'hash_nest_fixnum base 2 insert C versus Ruby', 'hidden', 12, 'mode',
|
|
[
|
|
{ base:2, generator:'hash_nest_fixnum', operation:'insert', mode: 'c', tag: 'base_c' },
|
|
{ base:2, generator:'hash_nest_fixnum', operation:'insert', mode: 'ruby', tag: 'base_ruby' }
|
|
]
|
|
],
|
|
[ '#placeholder', 'array_nest_fixnum insert C by base', 'hidden', 12, 'base',
|
|
[
|
|
{ base:2, generator:'array_nest_fixnum', operation:'insert', mode: 'c', tag: 'base_c_nest_full' },
|
|
{ base:4, generator:'array_nest_fixnum', operation:'insert', mode: 'c', tag: 'base_c_nest_full' },
|
|
{ base:8, generator:'array_nest_fixnum', operation:'insert', mode: 'c', tag: 'base_c_nest_full' },
|
|
{ base:16, generator:'array_nest_fixnum', operation:'insert', mode: 'c', tag: 'base_c_nest_full' },
|
|
{ base:32, generator:'array_nest_fixnum', operation:'insert', mode: 'c', tag: 'base_c_nest_full' }
|
|
]
|
|
],
|
|
[ '#placeholder', 'hash_nest_fixnum insert C by base', 'hidden', 12, 'base',
|
|
[
|
|
{ base:2, generator:'hash_nest_fixnum', operation:'insert', mode: 'c', tag: 'base_c_nest_full' },
|
|
{ base:4, generator:'hash_nest_fixnum', operation:'insert', mode: 'c', tag: 'base_c_nest_full' },
|
|
{ base:8, generator:'hash_nest_fixnum', operation:'insert', mode: 'c', tag: 'base_c_nest_full' },
|
|
{ base:16, generator:'hash_nest_fixnum', operation:'insert', mode: 'c', tag: 'base_c_nest_full' },
|
|
{ base:32, generator:'hash_nest_fixnum', operation:'insert', mode: 'c', tag: 'base_c_nest_full' }
|
|
]
|
|
],
|
|
[ '#placeholder', 'array_size_fixnum slow versus hash_size_fixnum insert C', '', 12, 'generator',
|
|
[
|
|
{ base:2, generator:'array_size_fixnum', operation:'insert', mode: 'c', tag: 'base_c' },
|
|
{ base:2, generator:'hash_size_fixnum', operation:'insert', mode: 'c', tag: 'base_c' }
|
|
]
|
|
],
|
|
[ '#placeholder', 'array_size_fixnum slow versus fast insert C', 'hidden', 12, 'tag',
|
|
[
|
|
{ base:2, generator:'array_size_fixnum', operation:'insert', mode: 'c', tag: 'base_c' },
|
|
{ base:2, generator:'array_size_fixnum', operation:'insert', mode: 'c', tag: 'array_fast' }
|
|
]
|
|
],
|
|
[ '#placeholder', 'array_size_fixnum fast versus hash_size_fixnum insert C', 'hidden', 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: 'base_c' }
|
|
]
|
|
],
|
|
[ '#placeholder', 'array_nest_fixnum slow versus hash_nest_fixnum insert C base 2', 'hidden', 12, 'generator',
|
|
[
|
|
{ base:2, generator:'array_nest_fixnum', operation:'insert', mode: 'c', tag: 'base_c' },
|
|
{ base:2, generator:'hash_nest_fixnum', operation:'insert', mode: 'c', tag: 'base_c' }
|
|
]
|
|
],
|
|
[ '#placeholder', 'array_nest_fixnum slow versus fast insert C base 2', 'hidden', 12, 'tag',
|
|
[
|
|
{ base:2, generator:'array_nest_fixnum', operation:'insert', mode: 'c', tag: 'base_c' },
|
|
{ base:2, generator:'array_nest_fixnum', operation:'insert', mode: 'c', tag: 'array_fast' }
|
|
]
|
|
],
|
|
[ '#placeholder', 'array_nest_fixnum fast versus hash_nest_fixnum insert C base 2', 'hidden', 12, 'generator',
|
|
[
|
|
{ base:2, generator:'array_nest_fixnum', operation:'insert', mode: 'c', tag: 'array_fast' },
|
|
{ base:2, generator:'hash_nest_fixnum', operation:'insert', mode: 'c', tag: 'array_fast' }
|
|
]
|
|
],
|
|
];
|
|
$.each(graph, function(i, e){
|
|
var section, title, classes, xMax, labelSpec, plotSpecs;
|
|
//[section, title, classes, xMax, labelSpec, plotSpecs] = e;
|
|
section = e[0], title = e[1]; classes = e[2], xMax = e[3]; labelSpec = e[4]; plotSpecs = e[5];
|
|
var series = flotSeries(expSeries, xMax, labelSpec, plotSpecs);
|
|
doPlot(title, series, classes);
|
|
});
|
|
|
|
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;
|
|
}
|
|
});
|
|
|
|
$('.show_hide').bind('click', function(event) {
|
|
var id = $(this).attr('id').replace(/^show_hide_/, '');
|
|
$('#' + id).toggleClass('hidden');
|
|
});
|
|
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|