gem = ({
staggerings: [
{
name: "a",
by: "year_in",
order: "ascending",
overlap: 0
}
],
timeline: {
concat: [
...(step
? [
{
component: { mark: "layer_0_marks" },
change: {
data: false,
encode: {
update: { y: false, y2: false },
enter: false,
exit: false
}
},
timing: { duration: 200 }
}
]
: []),
{
component: { mark: "layer_0_marks" },
change: {
encode: {
update: { opacity: false }
}
},
timing: { staggering: "a", duration: { ratio: 1 } }
},
{
component: { mark: "layer_1_marks" },
timing: { duration: { ratio: 0.7 } }
},
{
component: { mark: "layer_2_marks" },
timing: { duration: { ratio: 0.7 } }
},
...(!step
? [
{
component: { mark: "layer_0_marks" },
change: {
data: false,
encode: {
update: { y: false, y2: false },
enter: false,
exit: false
}
},
timing: { duration: 200 }
}
]
: [])
]
},
totalDuration: 2200
})