feat: 'move' cursor added over brush mark

CHANGELOG.md

@@ -364,4 +364,4 @@ Thanks for all your work!
 - GitHub Actions Bot ([email protected])
 - Jon Mease ([@jonmmease](https://github.com/jonmmease))
 - Kanit Wongsuphasawat ([@kanitw](https://github.com/kanitw))
-- Lukas Hermann ([@lsh](https://github.com/lsh))
+- Lukas Hermann ([@lsh](https://github.com/lsh))

examples/specs/airport_connections.vl.json

@@ -11,50 +11,105 @@
       },
       "data": {
         "url": "data/us-10m.json",
-        "format": {"type": "topojson", "feature": "states"}
+        "format": {
+          "type": "topojson",
+          "feature": "states"
+        }
       }
     },
     {
-      "mark": {"type": "rule", "color": "#000", "opacity": 0.35},
-      "data": {"url": "data/flights-airport.csv"},
+      "mark": {
+        "type": "rule",
+        "color": "#000",
+        "opacity": 0.35
+      },
+      "data": {
+        "url": "data/flights-airport.csv"
+      },
       "transform": [
-        {"filter": {"param": "org", "empty": false}},
+        {
+          "filter": {
+            "param": "org",
+            "empty": false
+          }
+        },
         {
           "lookup": "origin",
           "from": {
-            "data": {"url": "data/airports.csv"},
+            "data": {
+              "url": "data/airports.csv"
+            },
             "key": "iata",
-            "fields": ["latitude", "longitude"]
+            "fields": [
+              "latitude",
+              "longitude"
+            ]
           }
         },
         {
           "lookup": "destination",
           "from": {
-            "data": {"url": "data/airports.csv"},
+            "data": {
+              "url": "data/airports.csv"
+            },
             "key": "iata",
-            "fields": ["latitude", "longitude"]
+            "fields": [
+              "latitude",
+              "longitude"
+            ]
           },
-          "as": ["lat2", "lon2"]
+          "as": [
+            "lat2",
+            "lon2"
+          ]
         }
       ],
       "encoding": {
-        "latitude": {"field": "latitude"},
-        "longitude": {"field": "longitude"},
-        "latitude2": {"field": "lat2"},
-        "longitude2": {"field": "lon2"}
+        "latitude": {
+          "field": "latitude"
+        },
+        "longitude": {
+          "field": "longitude"
+        },
+        "latitude2": {
+          "field": "lat2"
+        },
+        "longitude2": {
+          "field": "lon2"
+        }
       }
     },
     {
-      "mark": {"type": "circle"},
-      "data": {"url": "data/flights-airport.csv"},
+      "mark": {
+        "type": "circle"
+      },
+      "data": {
+        "url": "data/flights-airport.csv"
+      },
       "transform": [
-        {"aggregate": [{"op": "count", "as": "routes"}], "groupby": ["origin"]},
+        {
+          "aggregate": [
+            {
+              "op": "count",
+              "as": "routes"
+            }
+          ],
+          "groupby": [
+            "origin"
+          ]
+        },
         {
           "lookup": "origin",
           "from": {
-            "data": {"url": "data/airports.csv"},
+            "data": {
+              "url": "data/airports.csv"
+            },
             "key": "iata",
-            "fields": ["state", "latitude", "longitude"]
+            "fields": [
+              "state",
+              "latitude",
+              "longitude"
+            ]
           }
         },
         {"filter": "datum.state !== 'PR' && datum.state !== 'VI'"}
@@ -67,14 +122,33 @@
           "nearest": true,
           "fields": ["origin"]
         }
-      }],
+      ],
+      "params": [
+        {
+          "name": "org",
+          "select": {
+            "type": "point",
+            "on": "pointerover",
+            "nearest": true,
+            "fields": [
+              "origin"
+            ]
+          }
+        }
+      ],
       "encoding": {
-        "latitude": {"field": "latitude"},
-        "longitude": {"field": "longitude"},
+        "latitude": {
+          "field": "latitude"
+        },
+        "longitude": {
+          "field": "longitude"
+        },
         "size": {
           "field": "routes",
           "type": "quantitative",
-          "scale": {"rangeMax": 1000},
+          "scale": {
+            "rangeMax": 1000
+          },
           "legend": null
         },
         "order": {
@@ -84,7 +158,9 @@
       }
     }
   ],
-  "projection": {"type": "albersUsa"},
+  "projection": {
+    "type": "albersUsa"
+  },
   "width": 900,
   "height": 500
 }

examples/specs/concat_hover.vl.json

@@ -16,7 +16,50 @@
           "param": "hover", "empty": false,
           "field": "Cylinders", "type": "ordinal"
         },
-        "value": "grey"
+        "y": {
+          "field": "Miles_per_Gallon",
+          "type": "quantitative"
+        },
+        "color": {
+          "condition": {
+            "param": "hover",
+            "empty": false,
+            "field": "Cylinders",
+            "type": "ordinal"
+          },
+          "value": "grey"
+        }
+      }
+    },
+    {
+      "params": [
+        {
+          "name": "hover",
+          "select": {
+            "type": "point",
+            "on": "pointerover"
+          }
+        }
+      ],
+      "mark": "point",
+      "encoding": {
+        "x": {
+          "field": "Horsepower",
+          "type": "quantitative"
+        },
+        "y": {
+          "field": "Acceleration",
+          "type": "quantitative"
+        },
+        "color": {
+          "condition": {
+            "param": "hover",
+            "empty": false,
+            "field": "Cylinders",
+            "type": "ordinal"
+          },
+          "value": "grey"
+        }
       }
     }
   },{

examples/specs/concat_hover_filter.vl.json

@@ -15,17 +15,34 @@
         }],
         "mark": "point"
       },
-      {
-        "mark": {"type": "point", "color": "goldenrod"},
-        "transform": [
-          {"filter": {"param": "hover", "empty": false}}
-        ]
-      }
-    ]
-  }, {
-    "encoding": {
-      "x": {"field": "Horsepower", "type": "quantitative"},
-      "y": {"field": "Acceleration", "type": "quantitative"}
+      "layer": [
+        {
+          "params": [
+            {
+              "name": "hover",
+              "select": {
+                "type": "point",
+                "on": "pointerover"
+              }
+            }
+          ],
+          "mark": "point"
+        },
+        {
+          "mark": {
+            "type": "point",
+            "color": "goldenrod"
+          },
+          "transform": [
+            {
+              "filter": {
+                "param": "hover",
+                "empty": false
+              }
+            }
+          ]
+        }
+      ]
     },
     "layer": [
       {
@@ -36,12 +53,34 @@
         }],
         "mark": "point"
       },
-      {
-        "mark": {"type": "point", "color": "goldenrod"},
-        "transform": [
-          {"filter": {"param": "hover", "empty": false}}
-        ]
-      }
-    ]
-  }]
+      "layer": [
+        {
+          "params": [
+            {
+              "name": "hover",
+              "select": {
+                "type": "point",
+                "on": "pointerover"
+              }
+            }
+          ],
+          "mark": "point"
+        },
+        {
+          "mark": {
+            "type": "point",
+            "color": "goldenrod"
+          },
+          "transform": [
+            {
+              "filter": {
+                "param": "hover",
+                "empty": false
+              }
+            }
+          ]
+        }
+      ]
+    }
+  ]
 }