Add airport crossfilter example

vega · Apr 29, 2022 · fb1010a · fb1010a
1 parent 5afb6f6
commit fb1010a
Showing 1 changed file with 111 additions and 0 deletions.
diff --git a/examples/specs/interactive_airport_crossfilter.vl.json b/examples/specs/interactive_airport_crossfilter.vl.json
@@ -0,0 +1,111 @@
+{
+  "$schema": "https://vega.github.io/schema/vega-lite/v5.json",
+  "vconcat": [
+    {
+      "width": 500,
+      "height": 300,
+      "projection": {
+        "type": "albersUsa"
+      },
+      "layer": [
+        {
+          "data": {
+            "url": "data/us-10m.json",
+            "format": {
+              "type": "topojson",
+              "feature": "states"
+            }
+          },
+          "mark": {
+            "type": "geoshape",
+            "fill": "lightgray",
+            "stroke": "white"
+          }
+        },
+        {
+          "data": {"url": "data/flights-airport.csv"},
+          "transform": [
+            {"aggregate": [{"op": "count", "as": "routes"}], "groupby": ["origin"]},
+            {
+              "lookup": "origin",
+              "from": {
+                "data": {"url": "data/airports.csv"},
+                "key": "iata",
+                "fields": ["state", "latitude", "longitude"]
+              }
+            },
+            {"filter": "datum.state !== 'PR' && datum.state !== 'VI'"}
+          ],
+          "params": [
+            {"name": "brush", "select": "interval"}
+          ],
+          "mark": "circle",
+          "encoding": {
+            "longitude": {
+              "field": "longitude",
+              "type": "quantitative"
+            },
+            "latitude": {
+              "field": "latitude",
+              "type": "quantitative"
+            },
+            "size": {
+              "field": "routes",
+              "type": "quantitative",
+              "scale": {"rangeMax": 500},
+              "legend": null
+            },
+            "color": {
+              "condition": {
+                "param": "brush", "empty": false,
+                "value": "goldenrod"
+              },
+              "value": "steelblue"}
+          }
+        }
+      ]
+    },
+    {
+      "data": {
+        "url": "data/flights-2k.json",
+        "format": {"parse": {"date": "date"}}
+      },
+      "transform": [
+        {
+          "lookup": "origin",
+          "from": {"param": "brush", "key": "origin"}
+        }
+      ],
+      "repeat": {"column": ["distance", "delay"]},
+      "spec": {
+        "layer": [
+          {
+            "mark": "bar",
+            "encoding": {
+              "x": {
+                "field": {"repeat": "column"},
+                "bin": {"maxbins": 20}
+              },
+              "y": {"aggregate": "count"},
+              "color": {"value": "steelblue"}
+            }
+          },
+          {
+            "transform": [{
+              "filter": "data('brush_store').length && isValid(datum.brush)"
+            }],
+            "mark": "bar",
+            "encoding": {
+              "x": {
+                "field": {"repeat": "column"},
+                "bin": {"maxbins": 20}
+              },
+              "y": {"aggregate": "count"},
+              "color": {"value": "goldenrod"}
+            }
+          }
+        ]
+      }
+    }
+  ]
+}