orientbottomhdr.vl

{
    "$schema": "https://vega.github.io/schema/vega-lite/v4.json",
    "config": {
        "header": {}
    },
    "data": {
        "url": "https://vega.github.io/vega-lite/data/population.json"
    },
    "encoding": {
        "color": {
            "field": "gender",
            "scale": {
                "range": [
                    "#CC9933",
                    "#3399CC"
                ]
            },
            "type": "nominal"
        },
        "column": {
            "field": "gender",
            "header": {
                "orient": "bottom"
            },
            "spacing": 0,
            "type": "nominal"
        },
        "x": {
            "field": "age",
            "type": "ordinal"
        },
        "y": {
            "aggregate": "sum",
            "axis": {
                "title": "Population"
            },
            "field": "people",
            "type": "quantitative"
        }
    },
    "mark": "bar",
    "transform": [
        {
            "filter": "datum.year == 2000"
        },
        {
            "as": "gender",
            "calculate": "datum.sex == 2 ? 'Female' : 'Male'"
        }
    ],
    "width": {
        "step": 17
    }
}