extend scattergl

Author: archmoj

test/jasmine/performance_tests/scattergl_test.js

@@ -13,50 +13,119 @@ const samples = Array.from({ length: nSamples }, (_, i) => i);
 const nTimes = samples.length - 1;
 
 var tests = [{
-    n: 1000
+    n: 1000, mode: 'markers', nTraces: 1
 }, {
-    n: 2000
+    n: 2000, mode: 'markers', nTraces: 1
 }, {
-    n: 4000
+    n: 4000, mode: 'markers', nTraces: 1
 }, {
-    n: 8000
+    n: 8000, mode: 'markers', nTraces: 1
 }, {
-    n: 16000
+    n: 16000, mode: 'markers', nTraces: 1
 }, {
-    n: 32000
+    n: 32000, mode: 'markers', nTraces: 1
 }, {
-    n: 64000
+    n: 64000, mode: 'markers', nTraces: 1
 }, {
-    n: 128000
+    n: 1000, mode: 'lines', nTraces: 1
 }, {
-    n: 256000
+    n: 2000, mode: 'lines', nTraces: 1
 }, {
-    n: 512000
+    n: 4000, mode: 'lines', nTraces: 1
 }, {
-    n: 1024000
+    n: 8000, mode: 'lines', nTraces: 1
+}, {
+    n: 16000, mode: 'lines', nTraces: 1
+}, {
+    n: 32000, mode: 'lines', nTraces: 1
+}, {
+    n: 64000, mode: 'lines', nTraces: 1
+}, {
+    n: 1000, mode: 'markers', nTraces: 10
+}, {
+    n: 2000, mode: 'markers', nTraces: 10
+}, {
+    n: 4000, mode: 'markers', nTraces: 10
+}, {
+    n: 8000, mode: 'markers', nTraces: 10
+}, {
+    n: 16000, mode: 'markers', nTraces: 10
+}, {
+    n: 32000, mode: 'markers', nTraces: 10
+}, {
+    n: 64000, mode: 'markers', nTraces: 10
+}, {
+    n: 1000, mode: 'lines', nTraces: 10
+}, {
+    n: 2000, mode: 'lines', nTraces: 10
+}, {
+    n: 4000, mode: 'lines', nTraces: 10
+}, {
+    n: 8000, mode: 'lines', nTraces: 10
+}, {
+    n: 16000, mode: 'lines', nTraces: 10
+}, {
+    n: 32000, mode: 'lines', nTraces: 10
+}, {
+    n: 64000, mode: 'lines', nTraces: 10
+}, {
+    n: 1000, mode: 'markers', nTraces: 100
+}, {
+    n: 2000, mode: 'markers', nTraces: 100
+}, {
+    n: 4000, mode: 'markers', nTraces: 100
+}, {
+    n: 8000, mode: 'markers', nTraces: 100
+}, {
+    n: 16000, mode: 'markers', nTraces: 100
+}, {
+    n: 32000, mode: 'markers', nTraces: 100
+}, {
+    n: 64000, mode: 'markers', nTraces: 100
+}, {
+    n: 1000, mode: 'lines', nTraces: 100
+}, {
+    n: 2000, mode: 'lines', nTraces: 100
+}, {
+    n: 4000, mode: 'lines', nTraces: 100
+}, {
+    n: 8000, mode: 'lines', nTraces: 100
+}, {
+    n: 16000, mode: 'lines', nTraces: 100
+}, {
+    n: 32000, mode: 'lines', nTraces: 100
+}, {
+    n: 64000, mode: 'lines', nTraces: 100
 }];
 
 tests.forEach(function(spec, index) {
-    describe('Performance test scattergl | size:' + spec.n, function() {
+    describe('Performance test ' + spec.nTraces + 'scattergl | size:' + spec.n + ' | mode: ' + spec.mode, function() {
         'use strict';
 
-        var y = Float64Array.from({ length: spec.n }, (_, i) => i * Math.cos(Math.sqrt(i)));
+        var startTime, endTime;
 
-        var mock = {
-            data: [{
-                type: 'scattergl',
-                mode: 'markers',
-                y: y
-            }],
-            layout: {
-                width: 900,
-                height: 400
+        beforeEach(function(done) {
+            var y = Array.from({ length: spec.n }, (_, i) => i * Math.cos(Math.sqrt(i)));
+            var data = [];
+            var nPerTrace = Math.floor(spec.n / spec.nTraces);
+            for(var k = 0; k < spec.nTraces; k++) {
+                data.push({
+                    type: 'scattergl',
+                    mode: spec.mode,
+                    y: y.slice(k * nPerTrace, (k + 1) * nPerTrace),
+                    x: Array.from({ length: nPerTrace }, (_, i) => i + k * nPerTrace)
+                });
             }
-        };
 
-        var startTime, endTime;
+            var mock = {
+                data: data,
+                layout: {
+                    showlegend: false,
+                    width: 900,
+                    height: 400
+                }
+            };
 
-        beforeEach(function(done) {
             startTime = performance.now();
 
             // Wait for actual rendering to complete