vegalite({
data: {values: cars},
"width": 700,
"height": 300,
"mark": "bar",
"config": {
"axis": {
"titleFontSize": 16
},
"legend": {
}
},
"transform": [{
"calculate": "if(datum.Origin === 'Japan', 0, if(datum.Origin === 'USA', 1, 2))",
"as": "OriginOrder"
}],
"encoding": {
"x": {
"bin": {"maxbins":20},
"field": "Miles_per_Gallon",
"axis": {
"title": "MPG (binned)"
},
"type": "quantitative",
},
"y": {
"aggregate": "count",
"type": "quantitative"
},
"order": {
"field": "OriginOrder",
"type": "quantitative",
},
"color": {
"field": "Origin",
"type": "nominal",
"scale": {
"domain": ["USA","Japan","Europe"],
"range": ["#aaa", "steelblue", "#ccc"]
},
"legend": {"title": "Car Origin"}
}
}
})