Public
Edited
Apr 3
data = FileAttachment("city-weather.json").json()
// Fill in the encodings below to complete the task.
// See also https://vega.github.io/vega-lite/docs/encoding.html
render({
mark: { type: "line" }, // use a "line" mark type
data: { values: data }, // use the pre-loaded weather data
encoding: {
"x": {
"field": "month_num",
},
"y": {
"field": "sunshine_hours",
"type": "q"
},
"color": {
"field": "city"
}
},
width: 600
})
// Fill in this code block to complete the task.
// Start by copying your code from Task 1 above,
// then modify it as needed.
// Fill in the encodings below to complete the task.
// See also https://vega.github.io/vega-lite/docs/encoding.html
render({
mark: { type: "line" }, // use a "line" mark type
data: { values: data }, // use the pre-loaded weather data
encoding: {
"x": {
"field": "month",
"type": "nominal",
"sort": ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]
},
"y": {
"field": "sunshine_hours",
"type": "q"
},
"color": {
"field": "city"
}
},
width: 600
})
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
