How to automatically create a callback for automatically created sliders and graphs

[trinityimma]

I have an app that is for plotting line charts of different parameters with the following functionality:

I have been able to make it such that for each parameter selected, the line graph will be plotted along with a slider for varying the date and parameters.

The sliders are to help the user to interact with the plot to see data at different values and time.

The date slider is not a problem.

The problem is the parameter sliders, they are able to be created but my problem is how do I connect them to the graph as they are automatically created and the parameters vary from one data to another.

Is there a way of creating automatic callbacks because that is the only way I know to tie a component to the data.

[stu]

Hi, refer to

Adding dropdown and input box interactively

Hi, I want to give the app user the possibility to add n-number of dropdowns and n-number of input boxes by clicking a button n-number of times. So at each click, it creates a multi-output (of dropdown and input box). How would I implement this? Thank you!

[trinityimma]

Thanks but it is not what i am looking for

[stu]

Unfortunately, you must not have read the content I gave in detail.

[trinityimma]

@stu, that’s true, I thought it was just the adding of the dropdown.
I ran the code and saw that on clicking, a call back was created or something like that.

Thanks but I don’t understand most of the codes though, I guess it is not my level

Could you advice me on something to learn to use and solve it?
Like a topic or something
Something that you applied to give solution to the suggested post you sent.

[stu]

You can check out my Daily series.

Daily Tips - If I have a Bunch of Triggers

Hi there, What’s the longest callback you’ve ever written? Has there ever been a long list of things that took over your editor? Like this. @app.callback(Output('output-0', 'children'), [Input('input-0', 'value'), Input('input-1', 'value'), Input('input-2', 'value'), Input('input-3', 'value'), Input('input-4', 'value'), Input('input-5', 'value'), Input('input-6', 'value'), Inp…

Learning about Pattern-matching callbacks will help you a lot with your present issues.

And I used dynamically sliders here.
https://dash-svm-2022.herokuapp.com/

code:

dash-svm-2022 #minor

Another idea is, don’t think about creating it, but just leave that slider there and display it when it’s available. @trinityimma

[trinityimma]

@stu

Pattern-matching callbacks

Thanks for the resources on pattern-matching @stu .

Great idea about the display and hide.
But when the parameters changes based on imported data, it might be a little difficult to do using the show and hide.
I will implement using show and hide first while I try pattern-matching callbacks later.

[trinityimma]

@stu Thanks for the tips on the pattern-matching, I was able to use it to solve the issue.
I will post an example of the solution for future reference.