VegaLite({
data: {values: govermentGrant},
vconcat: [
{
mark: { type: "point",filled: "true"},
encoding: {
x: {timeUnit: "year", field: "Year", type: "temporal"},
y: {field: "Grant", type: "quantitative"},
tooltip: [{field: "Year", timeUnit: "year", type:"temporal",title:"Year"}, {field: "Institution"}, {field: "Grant"}
],
color: {
condition: {
field: "Institution",
selection: "click",
scale: {scheme: "dark2"},
type: "nominal"
},
value: "lightgrey"
},
size: {field: "Grant", type: "quantitative"},
},
width: 500,
height: 700,
selection: {brush: {encodings: ["x"], type: "interval"}}
},
{
encoding: {
color: {
condition: {
field: "Institution",
title: "weather",
selection: "click",
type: "nominal"
},
value: "lightgray"
},
x: {field:"Grant",aggregate: "sum", type: "quantitative"},
y: {field: "Institution", type: "nominal"}
},
width: 500,
height:250,
mark: "bar",
selection: {click: {encodings: ["color"], type: "multi"}},
transform: [{filter: {selection: "brush"}}]
}
]
})
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.
