Skip to content

Commit

Permalink
chore: update examples [CI]
Browse files Browse the repository at this point in the history
  • Loading branch information
GitHub Actions Bot committed Jun 13, 2022
1 parent f573e10 commit 5bc6d6a
Show file tree
Hide file tree
Showing 8 changed files with 1,396 additions and 0 deletions.
Binary file added examples/compiled/interactive_1d_geo_brush.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions examples/compiled/interactive_1d_geo_brush.svg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
375 changes: 375 additions & 0 deletions examples/compiled/interactive_1d_geo_brush.vg.json
@@ -0,0 +1,375 @@
{
"$schema": "https://vega.github.io/schema/vega/v5.json",
"background": "white",
"padding": 5,
"width": 500,
"height": 300,
"style": "view",
"data": [
{
"name": "brush_store",
"transform": [{"type": "collect", "sort": {"field": "_vgsid_"}}],
"values": [{"unit": "layer_1", "_vgsid_": [-86, -118]}]
},
{"name": "source_2", "url": "data/airports.csv", "format": {"type": "csv"}},
{
"name": "source_0",
"url": "data/us-10m.json",
"format": {"type": "topojson", "feature": "states"},
"transform": [{"type": "identifier", "as": "_vgsid_"}]
},
{
"name": "source_1",
"url": "data/flights-airport.csv",
"format": {"type": "csv"},
"transform": [
{"type": "identifier", "as": "_vgsid_"},
{
"type": "aggregate",
"groupby": ["origin"],
"ops": ["count"],
"fields": [null],
"as": ["routes"]
},
{"type": "identifier", "as": "_vgsid_"},
{
"type": "lookup",
"from": "source_2",
"key": "iata",
"fields": ["origin"],
"values": ["state", "latitude", "longitude"]
},
{
"type": "filter",
"expr": "datum.state !== 'PR' && datum.state !== 'VI'"
},
{
"type": "geojson",
"fields": ["longitude", "latitude"],
"signal": "layer_1_geojson_0"
},
{
"type": "geopoint",
"projection": "projection",
"fields": ["longitude", "latitude"],
"as": ["layer_1_x", "layer_1_y"]
},
{
"type": "filter",
"expr": "isValid(datum[\"routes\"]) && isFinite(+datum[\"routes\"])"
}
]
}
],
"projections": [
{
"name": "projection",
"size": {"signal": "[width, height]"},
"fit": {"signal": "[data('source_0'), layer_1_geojson_0]"},
"type": "albersUsa"
}
],
"signals": [
{
"name": "unit",
"value": {},
"on": [
{"events": "mousemove", "update": "isTuple(group()) ? group() : unit"}
]
},
{
"name": "geo_interval_init_tick",
"value": null,
"on": [
{
"events": "timer{1}",
"update": "geo_interval_init_tick === null ? {} : geo_interval_init_tick"
}
]
},
{
"name": "brush",
"update": "vlSelectionResolve(\"brush_store\", \"union\")"
},
{
"name": "projection_center",
"update": "invert(\"projection\", [width/2, height/2])"
},
{
"name": "brush_init",
"init": "[scale(\"projection\", [-86, projection_center[1]]), scale(\"projection\", [-118, projection_center[1]])]"
},
{
"name": "brush_longitude_1",
"init": "[brush_init[0][0], brush_init[1][0]]",
"on": [
{
"events": {
"source": "scope",
"type": "mousedown",
"filter": [
"!event.item || event.item.mark.name !== \"brush_brush\""
]
},
"update": "[x(unit), x(unit)]"
},
{
"events": {
"source": "window",
"type": "mousemove",
"consume": true,
"between": [
{
"source": "scope",
"type": "mousedown",
"filter": [
"!event.item || event.item.mark.name !== \"brush_brush\""
]
},
{"source": "window", "type": "mouseup"}
]
},
"update": "[brush_longitude_1[0], clamp(x(unit), 0, width)]"
},
{
"events": [{"source": "view", "type": "dblclick"}],
"update": "[0, 0]"
},
{
"events": {"signal": "brush_translate_delta"},
"update": "clampRange(panLinear(brush_translate_anchor.extent_x, brush_translate_delta.x / span(brush_translate_anchor.extent_x)), 0, width)"
},
{
"events": {"signal": "brush_zoom_delta"},
"update": "clampRange(zoomLinear(brush_longitude_1, brush_zoom_anchor.x, brush_zoom_delta), 0, width)"
}
]
},
{
"name": "brush_tuple",
"on": [
{
"events": [
{"signal": "brush_longitude_1"},
{"signal": "geo_interval_init_tick"}
],
"update": "vlSelectionTuples(intersect([[brush_longitude_1[0], 0],[brush_longitude_1[1], height]], {markname: \"layer_1_marks\"}, unit.mark), {unit: \"layer_1\"})"
}
]
},
{
"name": "brush_translate_anchor",
"value": {},
"on": [
{
"events": [
{"source": "scope", "type": "mousedown", "markname": "brush_brush"}
],
"update": "{x: x(unit), y: y(unit), extent_x: slice(brush_longitude_1)}"
}
]
},
{
"name": "brush_translate_delta",
"value": {},
"on": [
{
"events": [
{
"source": "window",
"type": "mousemove",
"consume": true,
"between": [
{
"source": "scope",
"type": "mousedown",
"markname": "brush_brush"
},
{"source": "window", "type": "mouseup"}
]
}
],
"update": "{x: brush_translate_anchor.x - x(unit), y: brush_translate_anchor.y - y(unit)}"
}
]
},
{
"name": "brush_zoom_anchor",
"on": [
{
"events": [
{
"source": "scope",
"type": "wheel",
"consume": true,
"markname": "brush_brush"
}
],
"update": "{x: x(unit), y: y(unit)}"
}
]
},
{
"name": "brush_zoom_delta",
"on": [
{
"events": [
{
"source": "scope",
"type": "wheel",
"consume": true,
"markname": "brush_brush"
}
],
"force": true,
"update": "pow(1.001, event.deltaY * pow(16, event.deltaMode))"
}
]
},
{
"name": "brush_modify",
"on": [
{
"events": {"signal": "brush_tuple"},
"update": "modify(\"brush_store\", brush_tuple, true)"
}
]
}
],
"marks": [
{
"name": "brush_brush_bg",
"type": "rect",
"clip": true,
"encode": {
"enter": {"fill": {"value": "#333"}, "fillOpacity": {"value": 0.125}},
"update": {
"x": [
{
"test": "data(\"brush_store\").length && data(\"brush_store\")[0].unit === \"layer_1\"",
"signal": "brush_longitude_1[0]"
},
{"value": 0}
],
"y": [
{
"test": "data(\"brush_store\").length && data(\"brush_store\")[0].unit === \"layer_1\"",
"value": 0
},
{"value": 0}
],
"x2": [
{
"test": "data(\"brush_store\").length && data(\"brush_store\")[0].unit === \"layer_1\"",
"signal": "brush_longitude_1[1]"
},
{"value": 0}
],
"y2": [
{
"test": "data(\"brush_store\").length && data(\"brush_store\")[0].unit === \"layer_1\"",
"field": {"group": "height"}
},
{"value": 0}
]
}
}
},
{
"name": "layer_0_marks",
"type": "shape",
"style": ["geoshape"],
"interactive": true,
"from": {"data": "source_0"},
"encode": {
"update": {
"fill": {"value": "lightgray"},
"stroke": {"value": "white"},
"ariaRoleDescription": {"value": "geoshape"}
}
},
"transform": [{"type": "geoshape", "projection": "projection"}]
},
{
"name": "layer_1_marks",
"type": "symbol",
"style": ["circle"],
"interactive": true,
"from": {"data": "source_1"},
"encode": {
"update": {
"opacity": {"value": 0.7},
"fill": [
{
"test": "length(data(\"brush_store\")) && vlSelectionIdTest(\"brush_store\", datum)",
"value": "goldenrod"
},
{"value": "steelblue"}
],
"ariaRoleDescription": {"value": "circle"},
"description": {
"signal": "\"longitude: \" + (format(datum[\"longitude\"], \"\")) + \"; latitude: \" + (format(datum[\"latitude\"], \"\")) + \"; routes: \" + (format(datum[\"routes\"], \"\"))"
},
"x": {"field": "layer_1_x"},
"y": {"field": "layer_1_y"},
"size": {"scale": "size", "field": "routes"},
"shape": {"value": "circle"}
}
}
},
{
"name": "brush_brush",
"type": "rect",
"clip": true,
"encode": {
"enter": {"fill": {"value": "transparent"}},
"update": {
"x": [
{
"test": "data(\"brush_store\").length && data(\"brush_store\")[0].unit === \"layer_1\"",
"signal": "brush_longitude_1[0]"
},
{"value": 0}
],
"y": [
{
"test": "data(\"brush_store\").length && data(\"brush_store\")[0].unit === \"layer_1\"",
"value": 0
},
{"value": 0}
],
"x2": [
{
"test": "data(\"brush_store\").length && data(\"brush_store\")[0].unit === \"layer_1\"",
"signal": "brush_longitude_1[1]"
},
{"value": 0}
],
"y2": [
{
"test": "data(\"brush_store\").length && data(\"brush_store\")[0].unit === \"layer_1\"",
"field": {"group": "height"}
},
{"value": 0}
],
"stroke": [
{
"test": "brush_longitude_1[0] !== brush_longitude_1[1]",
"value": "white"
},
{"value": null}
]
}
}
}
],
"scales": [
{
"name": "size",
"type": "linear",
"domain": {"data": "source_1", "field": "routes"},
"range": [0, 500],
"zero": true
}
]
}
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions examples/compiled/interactive_airport_crossfilter.svg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 5bc6d6a

Please sign in to comment.