Plotly scattergl

by hy9be uva

HTML

<script src="https://cdn.plot.ly/plotly-1.25.0.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/chance/1.0.6/chance.min.js"></script>
<pre id="output"></pre>
<div id="myDiv"></div>

JavaScript

function out() {
    var args = Array.prototype.slice.call(arguments, 0);
    document.getElementById('output').innerHTML += args.join(" ") + "\n";
}

var x = [], y = [], 
        traceNo = 1000, 
        pointPerTrace = 1;

    for (var g = 0; g < traceNo; g++) {
        x.push([]);
        y.push([]);
        for (var i = 0; i < pointPerTrace; i++) {
            y[g].push(chance.floating({min: 0, max: 4000}));
            x[g].push(chance.floating({min: 0, max: 4000}));
        }
    }

    var data = [];

    for (var g = 0; g < traceNo; g++) {
        data.push({
            x: x[g],
            y: y[g],
            name: 'Group' + g.toString(),
            type: 'scatter',
            mode: 'markers'
        })
    }

    var layout = {showlegend: false};

var start = window.performance.now();
Plotly.newPlot('myDiv', data, layout);
var end = window.performance.now();
out(end - start + 'ms');