UI Builder: How do I pass a data visualizations query to a list component?

[Jacob Saaby Nie]

So I have this dashboard page in UI builder.

On it I have 5 data visualizations.

1 is a donut type.

4 are just single scores.

Below that I have a simple list.

What I want to happen is when I click on a value in the donut, or on a single score, the lists filter changes to that of the data visualization.

I've gotton so far that I'm binding state parameters etc.

But how on earth do I pass the data visualizations filter to the list component, so it updates dynamically?

Does that filter have a name, e.g. @payload.filter  or something like that?

[Jacob Saaby Nie]

Thanks @kaushal_snow !

Now I know a little more. Been trying this out. 

I see how using data visualizations directly on the page makes the various params and data pills visible.

However, I would like for the data visualizations to be the first row.

And then the list just below the data visualizations.

And when something is clicked in the data visualization, the list should update to reflect the new query data.