Callback Functions on Editable Shapes (Plotly-Dash)

Question

I have a histogram of a model prediction's from a binary classifier.

The vertical line is a movable shape that indicates a decision threshold that I would like to analyze (made editable via the config parameter when creating dcc.Graph.)

dcc.Graph(id='llr-histogram',
                  config={
                    'editable': True,
                    'edits': {
                        'shapePosition': True
                    }
            })

Ideally, the x position of this shape would run as an Input through a callback function that is executed whenever the user moves the red line. I'm wondering if there was an easy way in dash to do this or perhaps a better way to go about the idea.

Tom Tom · Accepted Answer · 2020-04-24T14:15:52

In Dash I think the best approach to this would be to add a slider component under the graph: Dash Slider

Link the slider callback to the decision threshold and redraw the chart. Better yet you could use a slider and a button to update the chart once set

Callback Functions on Editable Shapes (Plotly-Dash)

1 Answers