interaction2.vl

{
    "$schema": "https://vega.github.io/schema/vega-lite/v4.json",
    "data": {
        "url": "https://vega.github.io/vega-lite/data/cars.json"
    },
    "description": "Scatterplot with external links and tooltips",
    "encoding": {
        "color": {
            "field": "Origin",
            "type": "nominal"
        },
        "href": {
            "field": "url",
            "type": "nominal"
        },
        "tooltip": {
            "field": "Name",
            "type": "nominal"
        },
        "x": {
            "field": "Horsepower",
            "type": "quantitative"
        },
        "y": {
            "field": "Miles_per_Gallon",
            "type": "quantitative"
        }
    },
    "mark": "point",
    "transform": [
        {
            "as": "url",
            "calculate": "'https://www.google.com/search?q=' + datum.Name"
        }
    ]
}