Add other external dashboard as tab in explainerdashboard.

[tadjer92]

Hi!
Thanks for making the explainerdashboard, it is very useful tool for data scientist.
I have a very basic skill with Dash plotly, I am just wondering if we could like create external dash plotly app and include them as extra tab in explainerdashboard including the existing one so far.

[oegedijk]

Hi @tadjer92 , yes this can be done, but you have to wrap your dash page in an ExplainerComponent:

from explainerdashboard.custom import *

class CustomDashPage(ExplainerComponent):
    
    def layout(self):
        return html.Div([
            html.Div(id='output-div', children="hello world"),
            html.Button(id='input-button', children="Add Exclamation Mark")
        ])
    
    def component_callbacks(self, app):
        @app.callback(
            Output('output-div', 'children'),
            Input('input-button', 'n_clicks'),
            State('output-div', 'children')
        )
        def update_div(n_clicks, old_text):
            return old_text + "!"
        
ExplainerDashboard(explainer, [ImportancesComposite, CustomDashPage]).run()