Hi All I’m working on a Dash app made up of 1 row and 2 columns (simplified version) Column one plots address on a scatterMapbox and show the addresses plotted in a table below it based on user selections Column two has 7 dropdown filters e.g. street, address and other items etc. I’ve managed to…

Here, check out this version, this uses AG Grid and its filterModel, notice how we had set the maxNumConditions on the column based upon the possible list of options: import pandas as pd import plotly.express as px from dash import Dash, html, dash_table, dcc, callback, Output, Input, ALL, State, n…

Hello @Javadabbadoo , Welcome to the community! For my filtering that builds upon each other, I actually use a table or grid, then pull the data from the table to filter the DF down. This allows for building filters fairly straightforward because each time you add a new level, you just filter down …

Hi Jinny, Thanks heaps for the reply! I’m not sure I completely follow tho. Do you have any example or a code snippet I could look at? I’m looking for functionality like this: Drop-down 1: street name Drop-down 2 : addresses So that if I click drop-down 1 street it automatically shows all the …

Hi Bryan, Thanks for the help so far! I think your first answer is sort of what I’m after but I’m a bit new so will take me a while to muddle through so I’ve attempted an MRE below. I’d like to have a series of dropdowns synced together such that if I select a feature in one dropdown it updates th…

Hello @Javadabbadoo , Thanks for the example of what you want to do. For clarification, you want the selections to work in a narrowing fashion? For example, currently, if you select a year, it automatically populates the other values, is this what you want? Or do you want to change the year and it …

I think you could use chained callback for this purpose. Something as below: import pandas as pd import plotly.express as px from dash import Dash, html, dash_table, dcc, callback, Output, Input import dash_bootstrap_components as dbc df = px.data.gapminder() #dropdown options continent_options =…

Hi Jinnyzor, Thanks again. I’m after the former where the dropdowns work in a narrowing fashing. The code snippet from hoatran works exactly how I’d expect it to work however, I’ve got 7/8 dropdown filters so the amount of code becomes a bit much (not including graphs etc). I’ve tried it with ta…

Hi Hoatran, Thanks heaps for this. It works pretty much as I’d like it on the mock data. I scaled it up to the real dataset and included 5 more dropdowns and it kept giving a valueerror: (‘lengths must match to compare’, (1427,), (34,)) and filters a bit odd but will keep having a look at it. Th…

Hey Jinnyzor, Thanks heaps for the help:) and sorry it took a while to reply. I’ve tried updating the available dropdown options based on the dropdown selection. It appears to work but it doesn’t allow me to select more than one item. E.g. if I chose continent = Oceania I can’t then pick countries…

Sync multiple dropdowns but still be able to filter based on previous selection

Dash Python

jinnyzor August 18, 2023, 2:28pm 4

Is there any way that you can provide an MRE for this?

Give some basic info and how you are wanting it to work.

Topic		Replies	Views
Dynamic Filter in Dash python Dash Python question	9	2959	November 12, 2022
Dash Plotly - Chained Callbacks with Multiple Select, Disctinct Filtering and Dynamic Dataframe Dash Python question	2	614	April 6, 2023
My First webapp on Dash. My misunderstanding about callback Dash Python	11	589	June 14, 2022
Dynamically update multiple dropdowns without create an infinite callback loop Dash Python	6	2602	October 11, 2019
Creating dd menus based on DataFrame Dash Python question	13	394	December 17, 2022

Sync multiple dropdowns but still be able to filter based on previous selection

Related topics