vegaEmbed({
width: 600,
height: 500,
padding: 20,
params: [
{
name: "hover",
select: { type: "point", on: "mouseover", nearest: true }
},
{
name: "widget",
select: { type: "point", fields: ["cause"] },
bind: {
input: "radio",
options: ["Cancer", "Heart Failure", "Illness", "Heart Failure"],
name: "Causes"
}
}
],
data: { values: peopleData },
mark: { type: "circle", tooltip: true },
encoding: {
x: { field: "death_date", type: "temporal" },
y: { field: "death_views_adjusted_1", type: "quantitative" },
size: {
field: "death_views_adjusted_1",
type: "quantitative",
legend: null
},
fill: {
condition: { param: "hover", empty: false, value: "purple" },
value: "grey"
},
stroke: {
field: "status",
type: "nominal",
scale: { range: ["white", "purple"] }
},
tooltip: [
{ field: "name", type: "nominal" },
{ field: "cause", type: "nominal" },
{ field: "death_date", type: "temporal" },
{ field: "extract", type: "nominal" }
],
opacity: {
condition: { param: "widget", value: 1 },
value: 0.3
}
}
})