VegaLite({
data: {values: data},
mark: "point",
encoding: {
x: {timeUnit: "monthdate", field: "date", type: "temporal"},
y: {field: "temp_max", type: "quantitative"},
color: {field: "weather", type: "nominal"},
size: {field: "precipitation", type: "quantitative", scale: {domain: [1, 50]}}
},
width: 800,
height: 400
})