scatter_plot_binds_example

binds_example.json

{
  "$schema": "https://vega.github.io/schema/vega-lite/v5.json",
  "data": {"url": "data/cars.json"},
  "params": [
    {"name": "toggleOrigin", "bind": {"input": "checkbox"}},
    {"name": "paintbrush", "select": {"type": "point", "on": "pointerover"}},
    {"name": "brush", "select": "interval"},
    {
      "name": "opacityVar",
      "value": 50,
      "bind": {"input": "range", "min": 1, "max": 100}
    }
  ],
  "mark": "point",
  "encoding": {
    "x": {"field": "Horsepower", "type": "quantitative"},
    "y": {"field": "Miles_per_Gallon", "type": "quantitative"},
    "color": {
      "condition": {
        "param": "toggleOrigin",
        "field": "Origin",
        "type": "nominal"
      },
      "value": "steelblue"
    },
    "size": {"condition": {"param": "paintbrush", "value": 300}, "value": 50}
  }
}