Toggle navigation
MeasureThat.net
Create a benchmark
Tools
Feedback
FAQ
Register
Log In
Run results for:
Double.js benchmark5
Test runner for extended precision libraries (https://github.com/munrocket/double.js)
Go to the benchmark
Embed
Embed Benchmark Result
<iframe src="https://measurethat.net/Embed?id=575087" width="100%" height="500px"></iframe>
Run details:
User agent:
Mozilla/5.0 (Linux; Android 10; K) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Mobile Safari/537.36
Browser:
Chrome Mobile 131
Operating system:
Android
Device Platform:
Mobile
Date tested:
one year ago
Test name
Executions per second
double.js
0.0 Ops/sec
decimal.js
10.5 Ops/sec
bignumber.js
18.4 Ops/sec
Big.js
11.1 Ops/sec
bigfloat.js BF32
10.7 Ops/sec
HTML Preparation code:
<!-- GITHUB: https://github.com/munrocket/double.js --> <div style="display: none"> <canvas id="withFloat" width="6" height="4"></canvas> <canvas id="withDoubleJs_Static" width="6" height="4"></canvas> <canvas id="withDoubleJs" width="6" height="4"></canvas> <canvas id="withDecimalJs" width="6" height="4"></canvas> <canvas id="withBigNumberJs" width="6" height="4"></canvas> <canvas id="withBigJs" width="6" height="4"></canvas> <canvas id="withBigFloat32" width="6" height="4"></canvas> <canvas id="withBigFloat53" width="6" height="4"></canvas> </div> <canvas id="splitTest" width="400" height="200" style="padding-left: 40px"></canvas> <canvas id="barChart" width="400" height="200" style="float:left"></canvas> <p style="display: none; font-family: 'Open Sans', sans;"> All libraries except native float setted to precision with 31 decimal digits. <br/> To increase DoubleJs_Static performance we used static methods and .sqr() insted of .mul() in some places. <br/> To increase BigJs and BigNumberJs we used .round(31) and .dp(31) after each multiplication without this they become x1000 slower.<br/> </p> <script src="https://cdn.jsdelivr.net/npm/double.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/decimal.js/10.0.1/decimal.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/bignumber.js/7.2.1/bignumber.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/big.js/5.1.2/big.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bigfloat@0.1.1/dist/umd/index.js"></script>
Script Preparation code:
var maxIteration = 500, pixelId = 0; var target = { x: -1.7490863748149414, y: -1e-25, dx: 3e-15, dy: 2e-15};
Tests:
double.js
D = Double.Double; var canvas = document.getElementById('withDoubleJs'); var buffer = canvas.getContext('2d').createImageData(canvas.width, canvas.height); for (var j = 0; j < buffer.height; j++) { for (var i = 0; i < buffer.width; i++) { var iteration = 0; var x = D.Zero, y = D.Zero; var xx = D.Zero, xy = D.Zero, yy = D.Zero; var tx = new D(target.x), ty = new D(target.y); var tdx = new D(target.dx), tdy = new D(target.dy); var cx = tx.sub(tdx).add(tdx.mul(2 * i).div(buffer.width)); var cy = ty.add(tdy).sub(tdy.mul(2 * j).div(buffer.height)); while (iteration++ < maxIteration && xx.add(yy).lt(4)) { x = xx.sub(yy).add(cx); y = xy.add(xy).add(cy); xx = x.mul(x); yy = y.mul(y); xy = x.mul(y); } var color = (iteration == maxIteration) ? 0 : 256 * (maxIteration - (iteration * 25) % maxIteration) / maxIteration; buffer.data[pixelId++] = color; buffer.data[pixelId++] = color; buffer.data[pixelId++] = color; buffer.data[pixelId++] = 255; } }
decimal.js
Decimal.set({ precision: 31 }); var Dec = Decimal; var canvas = document.getElementById('withDecimalJs'); var buffer = canvas.getContext('2d').createImageData(canvas.width, canvas.height); for (var j = 0; j < buffer.height; j++) { for (var i = 0; i < buffer.width; i++) { var iteration = 0; var x = new Dec(0), y = new Dec(0); var xx = new Dec(0), xy = new Dec(0), yy = new Dec(0); var tx = new Dec(target.x), ty = new Dec(target.y); var tdx = new Dec(target.dx), tdy = new Dec(target.dy); var cx = tx.sub(tdx).add(tdx.mul(2 * i).div(buffer.width)); var cy = ty.add(tdy).sub(tdy.mul(2 * j).div(buffer.height)); while (iteration++ < maxIteration && xx.add(yy).lt(4)) { x = xx.sub(yy).add(cx); y = xy.add(xy).add(cy); xx = x.mul(x); yy = y.mul(y); xy = x.mul(y); } var color = (iteration == maxIteration) ? 0 : 256 * (maxIteration - (iteration * 25) % maxIteration) / maxIteration; buffer.data[pixelId++] = color; buffer.data[pixelId++] = color; buffer.data[pixelId++] = color; buffer.data[pixelId++] = 255; } }
bignumber.js
BigNumber.set({ DECIMAL_PLACES: 31 }); var BN = BigNumber; var canvas = document.getElementById('withBigNumberJs'); var buffer = canvas.getContext('2d').createImageData(canvas.width, canvas.height); for (var j = 0; j < buffer.height; j++) { for (var i = 0; i < buffer.width; i++) { var iteration = 0; var x = new BN(0), y = new BN(0); var xx = new BN(0), xy = new BN(0), yy = new BN(0); var tx = new BN(target.x), ty = new BN(target.y); var tdx = new BN(target.dx), tdy = new BN(target.dy); var cx = tx.minus(tdx).plus(tdx.times(2 * i).div(buffer.width)).dp(31); var cy = ty.plus(tdy).minus(tdy.times(2 * j).div(buffer.height)).dp(31); while (iteration++ < maxIteration && xx.plus(yy).lt(4)) { x = xx.minus(yy).plus(cx); y = xy.plus(xy).plus(cy); xx = x.times(x).dp(31); yy = y.times(y).dp(31); xy = x.times(y).dp(31); } var color = (iteration == maxIteration) ? 0 : 256 * (maxIteration - (iteration * 25) % maxIteration) / maxIteration; buffer.data[pixelId++] = color; buffer.data[pixelId++] = color; buffer.data[pixelId++] = color; buffer.data[pixelId++] = 255; } }
Big.js
Big.DP = 31; var canvas = document.getElementById('withBigJs'); var buffer = canvas.getContext('2d').createImageData(canvas.width, canvas.height); for (var j = 0; j < buffer.height; j++) { for (var i = 0; i < buffer.width; i++) { var iteration = 0; var x = new Big(0), y = new Big(0); var xx = new Big(0), xy = new Big(0), yy = new Big(0); var tx = new Big(target.x), ty = new Big(target.y); var tdx = new Big(target.dx), tdy = new Big(target.dy); var cx = tx.sub(tdx).add(tdx.mul(2 * i).div(buffer.width)).round(31); var cy = ty.add(tdy).sub(tdy.mul(2 * j).div(buffer.height)).round(31); while (iteration++ < maxIteration && xx.add(yy).lt(4)) { x = xx.sub(yy).add(cx); y = xy.add(xy).add(cy); xx = x.mul(x).round(31); yy = y.mul(y).round(31); xy = x.mul(y).round(31); } var color = (iteration == maxIteration) ? 0 : 256 * (maxIteration - (iteration * 25) % maxIteration) / maxIteration; buffer.data[pixelId++] = color; buffer.data[pixelId++] = color; buffer.data[pixelId++] = color; buffer.data[pixelId++] = 255; } }
bigfloat.js BF32
BF = bigfloat.BigFloat32; var canvas = document.getElementById('withBigFloat32'); var buffer = canvas.getContext('2d').createImageData(canvas.width, canvas.height); for (var j = 0; j < buffer.height; j++) { for (var i = 0; i < buffer.width; i++) { var iteration = 0; var x = new Big(0), y = new Big(0); var xx = new Big(0), xy = new Big(0), yy = new Big(0); var tx = new Big(target.x), ty = new Big(target.y); var tdx = new Big(target.dx), tdy = new Big(target.dy); var cx = tx.sub(tdx).add(tdx.mul(2 * i).div(buffer.width)).round(31); var cy = ty.add(tdy).sub(tdy.mul(2 * j).div(buffer.height)).round(31); while (iteration++ < maxIteration && xx.add(yy).cmp(4) < 0) { x = xx.sub(yy).add(cx); y = xy.add(xy).add(cy); xx = x.mul(x).round(31); yy = y.mul(y).round(31); xy = x.mul(y).round(31); } var color = (iteration == maxIteration) ? 0 : 256 * (maxIteration - (iteration * 25) % maxIteration) / maxIteration; buffer.data[pixelId++] = color; buffer.data[pixelId++] = color; buffer.data[pixelId++] = color; buffer.data[pixelId++] = 255; } }