{
    "mark": {
        "size": 800,
        "type": "circle"
    },
    "data": {
        "values": [
            {
                "value": 10
            },
            {
                "value": 20
            },
            {
                "value": 30
            },
            {
                "value": 40
            },
            {
                "value": 50
            },
            {
                "value": 60
            }
        ]
    },
    "width": 400,
    "$schema": "https://vega.github.io/schema/vega-lite/v3.json",
    "encoding": {
        "color": {
            "value": "black",
            "condition": [
                {
                    "value": "blue",
                    "test": "datum.value < 40"
                },
                {
                    "value": "red",
                    "test": "datum.value < 50"
                },
                {
                    "value": "yellow",
                    "test": "datum.value < 60"
                }
            ]
        },
        "x": {
            "field": "value",
            "type": "ordinal"
        }
    }
}