Published
Edited
Jun 24, 2021
1 star
embed = require("vega-embed@6")
viewof view2 = embed({
"$schema": "https://vega.github.io/schema/vega-lite/v5.json" ,
"width": 800, "height": 400,
"data": {"url": "https://raw.githubusercontent.com/vega/vega/master/docs/data/seattle-weather.csv" },
"transform": [{
"calculate": "if(datum.weather == 'sun', 1, if(datum.weather == 'fog', 2, if(datum.weather == 'drizzle', 3, if(datum.weather == 'rain', 4, 5 ) ) ) ) ",
"as": "myOrder"
}],
"mark": { "type": "bar" , "width": {"band": 0.3} },
"encoding": {
"x": { "field": "temp_max", "type": "quantitative", "bin" : true ,
"title": "Maximum temperature" ,
"axis": { "labelAngle": 0 , "labelFontSize": 14 }
} ,
"y": { "type": "quantitative" , "aggregate": "count" , "stack": false ,
"title" : "Number of days" ,
"axis": { "labelAngle": 0 , "labelFontSize": 14 , "tickCount": 5 }
} ,
"size": {
"field": "weather", "type": "ordinal" ,
"sort": {"field": "myOrder" },
"scale":{
"range": [ 80 , 20]
}
},
"color": {
"field": "weather", "type": "ordinal" ,
"sort": {"field": "myOrder" },
"scale":{
"range": [ "yellow","orange","red","green","blue"]
}
} ,
"order": {"field": "myOrder"} ,
"stroke": { "value": "black" },
"opacity": {
"field": "weather", "type": "ordinal",
"scale":{"domain": ["sun","fog","drizzle","rain","snow" ],
"range": [ 1 , 0.4 ]
}
}
}
})
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.
