add transform and point-selection mocks of scattergl traces

Author: etpinard

test/image/baselines/gl2d_point-selection.png

@@ -0,0 +1,74 @@
+{
+  "data": [{
+    "type": "scattergl",
+    "mode": "lines+markers+text",
+    "x": [1, 2, 3, 4, 5, 6],
+    "y": [1, 3, 2, 4, 5, 7],
+    "ids": ["a", "b", "c", "d", "e", "f"],
+    "text": ["a", "b", "c", "d", "e", "f"],
+    "marker": {
+      "color": "#67353E",
+      "size": 12
+    },
+    "textposition": "top left",
+    "selectedpoints": [1, 2, 3],
+    "selected": {
+      "marker": {
+        "color": "blue",
+        "size": 20
+      }
+    },
+    "unselected": {
+      "marker": {
+        "color": "green",
+        "opacity": 0.5
+      }
+    },
+    "transforms": [{
+      "type": "filter",
+      "target": "x",
+      "operation": "][",
+      "value": [3.5, 4.5]
+    }]
+  }, {
+    "type": "scattergl",
+    "mode": "lines+markers+text",
+    "x": [1, 2, 3, 4, 5, 6],
+    "y": [6, 5, 6, 5, 4, 3],
+    "ids": ["a", "b", "c", "d", "e", "f"],
+    "text": ["a", "b", "c", "d", "e", "f"],
+    "marker": {
+      "color": "#34ABA2",
+      "size": 12
+    },
+    "textposition": "top left",
+    "selectedpoints": [],
+    "selected": {
+      "marker": {
+        "color": "green"
+      }
+    },
+    "unselected": {
+      "marker": {
+        "color": "blue",
+        "opacity": 0.5
+      }
+    },
+    "transforms": [{
+      "type": "filter",
+      "target": "x",
+      "operation": "][",
+      "value": [3.5, 4.5]
+    }]
+  }],
+  "layout": {
+    "dragmode": "lasso",
+    "legend": {
+      "x": 0,
+      "y": 1,
+      "xanchor": "left",
+      "yanchor": "bottom"
+    },
+    "width": 600
+  }
+}

test/image/baselines/gl2d_transforms.png

@@ -0,0 +1,75 @@
+{
+    "data": [{
+        "type": "scattergl",
+        "mode": "lines+markers",
+        "x": [1, -1, -2, 0, 1, 3, 3],
+        "y": [2, 1, 0, 1, 3, 4, 3],
+        "transforms": [{
+            "type": "groupby",
+            "groups": ["a", "a", "b", "a", "b", "b", "a"],
+            "styles": [
+                {"target": "a", "value": {"marker": {"color": "orange"}}},
+                {"target": "b", "value": {"marker": {"color": "blue"}}}
+            ]
+        }, {
+            "type": "filter",
+            "target": "x",
+            "operation": ">=",
+            "value": 0,
+            "preservegaps": true
+        }],
+        "name": "Groupby+filter"
+    },
+    {
+        "type": "scattergl",
+        "x": [1, 2, 3, 4, -3],
+        "y": [1.1, 2.2, 3.3, 4.4, 5.5],
+        "marker": {
+            "size": [0.3, 0.2, 0.1, 0.4, 0.5],
+            "sizeref": 0.01,
+            "color": [2, 4, 6, 10, 8],
+            "opacity": [0.9, 0.6, 0.2, 0.8, 1.0],
+            "line": {
+                "color": [2.2, 3.3, 4.4, 5.5, 1.1]
+            }
+        },
+        "transforms": [{
+            "type": "aggregate",
+            "groups": ["a", "b", "a", "a", "a"],
+            "aggregations": [
+                {"target": "x", "func": "sum"},
+                {"target": "y", "func": "avg"},
+                {"target": "marker.size", "func": "min"},
+                {"target": "marker.color", "func": "max"},
+                {"target": "marker.line.color", "func": "last"},
+                {"target": "marker.line.width", "func": "count"}
+            ]
+        }],
+        "name": "Aggregate"
+    },
+    {
+        "type": "scattergl",
+        "x": [1, 2, 3, 4, 5, 6],
+        "y": [1, 4, 2, 6, 5, 3],
+        "transforms": [{
+            "type": "sort",
+            "target": [1, 6, 2, 5, 3, 4]
+        }],
+        "name": "Sort"
+    },
+    {
+        "type": "scattergl",
+        "x":[4, 5, 6, 4, 5, 6],
+        "y": [1, 1, 1, 2, 2, 2],
+        "marker": {"color": [1, 2, 3, -1, -2, -3], "size": 20},
+        "mode": "lines+markers",
+        "transforms": [
+            {"type": "groupby", "groups": [1, 1, 1, 2, 2, 2]}
+        ]
+    }],
+    "layout": {
+        "width": 600,
+        "height": 400,
+        "title": "Transforms on scattergl traces"
+    }
+}