Plotly WebGL color bug

Change plotType from "scatter" to "scattergl" to see incorrect coloring caused by WebGL(?)

by Tomohiko Ishihara

HTML

<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
<p>
  Here's a simple Plotly plot -
  <a href="http://bit.ly/1Or9igj">plotly.js documentation</a>
</p>

<!-- Plots go in blank <div> elements. 
    You can size them in the plot layout,
    or give the div a size as shown here.
-->
<div id="tester" style="width:600px;height:250px;"></div>

JavaScript

TESTER = document.getElementById('tester');

var plotType = "scattergl"

var traces = [{
  "y": [8.4578, 8.13485, 9.50405, 8.11232, 8.44311, 8.63315, 9.23559, 7.9932],
  "yaxis": "y1",
  "type": plotType,
  "xaxis": "x1",
  "name": "mL6-1",
  "visible": true,
  "legendgroup": "mL6-1",
  "x": [0.162733, 1.58483, 0.767636, 1.57239, 0.147058, 0.567862, 0.643462, -0.745601],
  "mode": "markers",
  "text": ["Annotation: mL6-1", "Annotation: mL6-1", "Annotation: mL6-1", "Annotation: mL6-1", "Annotation: mL6-1", "Annotation: mL6-1", "Annotation: mL6-1", "Annotation: mL6-1"],
  "hoverinfo": "text",
  "marker": {
    "size": 4,
    "color": "hsl(260.0,50%,50%)"
  }
}, {
  "y": [24.7604, 24.7082, 28.564, 29.8507, 32.3316, 29.3525, 32.4037, 18.019, 7.01718, -2.04656, 23.9773, 29.0673, 30.1064, 30.868, 18.1169, 29.1268, 29.565, 31.0836, 25.9806, 26.641, 27.3538, 29.0568, 31.9574, 28.0364, 28.1737, 24.8306, 31.3782, 25.5164, 26.327, 25.152, 25.3501, 28.7902, 25.8239, 31.3018, 18.1464, 30.8675, 30.4931, 24.6136, -3.41294, 27.8733, 29.3002, 30.028, 24.2373, 8.32416, 25.9028, 25.6438, 24.1303, 26.883, 27.2774, 31.414, 28.4952, 30.439, 30.9399, 6.95069, 24.8319, 28.0852],
  "yaxis": "y1",
  "type": plotType,
  "xaxis": "x1",
  "name": "mL6-2",
  "visible": true,
  "legendgroup": "mL6-2",
  "x": [5.25305, 3.62002, 10.6415, 10.7443, 8.54383, 6.71529, 9.435, 3.49776, 4.65929, 9.28406, 5.31691, 6.57231, 9.00751, 6.21325, 3.50595, 8.0718, 8.61988, 9.63566, 8.3458, 2.76849, 11.7242, 10.6086, 8.20363, 10.3762, 8.99582, 6.68256, 12.1796, 8.08001, 7.09438, 7.42926, 5.02343, 8.50489, 8.03954, 10.5447, 3.51169, 9.32012, 8.25088, 7.56591, 7.89946, 8.41168, 11.9819, 7.2956, 5.58859, 5.81985, 3.55632, 6.30657, 6.34094, 3.56659, 7.86001, 10.0487, 8.03541, 9.87046, 8.59873, 4.15537, 3.67516, 7.53913],
  "mode": "markers",
  "text": ["Annotation: mL6-2", "Annotation: mL6-2", "Annotation: mL6-2", "Annotation: mL6-2", "Annotation: mL6-2", "Annotation: mL6-2", "Annotation: mL6-2", "Annotation:...