Vega-Lite and multiple conditions

Community Help
1

Hi,

I cannot figure out how to combine 2 conditions with an logical OR with a simple Vega-Lite code.

//vl.opacity().if(selectOrigin, vl.value(1.0)).value(0.2),
vl.opacity().if(brush, vl.value(1.0)).value(0.2),

Each line is correct. But I would like both.
Opacity set to 0.2 in the plot1 when an item from plot2 is selected or when brush from plot1 is active.

I have tried answer from chatGTP without success.

vl.opacity().condition("brush && selectOrigin", { value: 1.0 }, { value: 0.1 }),

produces:

TypeError: Cannot read properties of undefined (reading 'not')

Any help is welcome.

2

I have found the answer.

const selectAnd = vl.and(selectBrush, selectOrigin);
1 Like