Black Lives Matter. Please consider donating to Black Girls Code today.
Dash HoloViews is now available! Check out the docs.

Combining slider and a dropdown menu in a scatter plot

I am a newbie to plotly. I saw a similar issue on the forum for choropleth graphs but it was not answered.

So I would like to have a scatter plot which has suicide rate in (Y-axis; this is fixed) and another variable (e.g. GDP per capita - this needs to be changed using a drop-down menu) in X-axis. Also, scatter plot needs be updated using Year (this needs to be done using a slider). Basically, for each variable combination, I should be able to navigate through time using the slider.

This how my data look like

I can get the dropdown and slider to work separately. but I am not sure how both dropdown and slider can be integrated. Appreciate if someone can help. I hope that this can be done without using dash.

This is the code I have so far for variables GDP per capita and temperature