Dynamic Data Binding - How to update a List component when Data Visualization is clickedSummaryA simple task, but one that helps demo the capabilities of dynamic data binding in UIB. Please follow along and feel free create your own page on the side! Our goal is to have a page with 3 data visualizations and a List component which updates when a visualization is clickedReleaseAny version where UI Builder is available. At time of writing, San Diego and newer.Instructions** Remember to Save frequently so you don't lose your work! 1. Open the UI Builder and select an experience to work in. Since this will be a demo page, you may want to create a "testing" experience where changes can be made freely. 2. Once you've opened an Experience, click the "Menu" button in the header and select "Create Page" 3. Click the "Create blank page" button and give the page a name. 4. On your new page, add 3 Data Visualization components and 1 List component. Recreate the layout beow (do not worry about the component settings just yet) 5. On the left-hand side of the Builder is a purple sidebar. Click the "Client State" button 6. Recreate the following parameters by clicking "+ Add". 7. Click into each "Single Score" component and set the same Data Source for all:- Data Source > + Add Data Source > Tables > "Incident" 7a. Add a custom condition to each Data Source. For the purpose of this demo, we want conditions on "State": New, In Progress, and Closed. We should end up with 3 separate Data Visuals, one for each State. 8. Now click into the List component and set the Table to "Incident". Scroll down to "Edit filter" and set the following: State is @state."Incident State" 9. Your List component is now complete and is ready to display data. All we need to do now is give it valid States to filter on since "0" won't work out-of-the-box.Click into each Data Visualization and go over to the "Events" tab. Add a new event handler for "Update client state parameter" and set the "Incident State" param to a valid state value. For reference, these are the State values that come pre-loaded with your instance: 1 = New2 = In Progress7 = Closed 10. Once the Events are configured, your page should be functional. Open it in a new tab and test it out!BONUS: Update the List title1. Repeat Step 9 for each Data Viz. Rather than updating the Incident State parameter, you'll want to update the "List Title" parameter and set the value according to the data shown. For example, when I click into the "New" data viz, the "List Title" should update to "New Incidents" 2. Open the List component and under Config, dynamically bind the "Title" field using the following: @state."List Title" 3. Test it out! Your list title should now update according to the Data Viz clicked.