dash_topic.py

import dash
import dash_core_components as dcc
import dash_html_components as html
import dash_table
import pandas as pd
import plotly.graph_objs as go
import pickle
app = dash.Dash()

with open("df.pkl",'rb') as f:
    doctm = pickle.load(f)
with open("df_1.pkl",'rb') as f:
    top_word = pickle.load(f)

w= 5

slctid =0
trace1 = go.Bar(
    x=['1', '2', '3','4','5','6','7','8','9','10'],
    y=[doctm[1][w],doctm[2][w],doctm[3][w],doctm[4][w],doctm[5][w],doctm[6][w],doctm[7][w],doctm[8][w],doctm[9][w],doctm[10][w]],
    name='Topic score'
)


app.layout = html.Div([


html.Div([
    html.H2(children='Topic model  with Dash'),
    dcc.Dropdown(
                    id='docid',
                    options=[{'label': i, 'value': i} for i in doctm.index],
                    placeholder='Search a document id',
                    searchable=True,
                    value=1
                ),
    dcc.Graph(id='topic_doc',figure=go.Figure(data=trace1) 
                            #    layout=go.Layout(barmode='stack')
                            #    )

              )],style={'width': '40%', 'display': 'inline-block',  'float': 'left', 'height':'100%',"textAlign":'left'}),
              

html.Div([dash_table.DataTable(  
    id='view_doc',                    
                    columns=[{'name':i, 'id':i} for i in doctm[['paper']].columns],
                    data=doctm[doctm.index == slctid][['paper']].to_dict('records'),
                    # fixed_rows={ 'headers': True, 'data': 0 },
                    style_table={ 'height':'500px','overflow':'scroll'},
                    style_cell={
        'whiteSpace': 'normal',
        'height': 'auto',
        # 'lineHeight': '15px',
        'width':'55%',
        "textAlign":"left"
    },
                    # page_current=0,
                    # page_size=PAGE_SIZE,
                    )]
, style={'width': '55%', 'display': 'inline-block',  'float': 'right', 'height':'100%',"textAlign":'left','padding-top': '50px',}),

html.Div([dash_table.DataTable(  
    id='topic word',
 columns=[{'name':i, 'id':i} for i in top_word.columns],
                    data=top_word.to_dict('records'),
                    # fixed_rows={ 'headers': True, 'data': 0 },
                    style_table={ 'height':'500px','overflow':'scroll'},
                    style_cell={
        'whiteSpace': 'normal',
        'height': 'auto',
        # 'lineHeight': '15px',
        'width':'55%',
        "textAlign":"left"
    },
    style_cell_conditional=[
        {
            'if': {
                'column_id': 'index',
            },
            'width':'3%'
        }],
                    # page_current=0,
                    # page_size=PAGE_SIZE,
                    )]
, style={'width': '100%', 'display': 'inline-block',  'float': 'left', 'height':'100%',"textAlign":'left','padding-top': '50px',})


])

@app.callback(
    dash.dependencies.Output('topic_doc', 'figure'),
    [dash.dependencies.Input('docid', 'value')]
    )
def update_figure(selected_docid):
    # filtered_df = doctm[doctm.index == selected_docid]
    trace = []
    trace.append(go.Bar(
    x=['1', '2', '3','4','5','6','7','8','9','10'],
    y=[
    doctm[1][selected_docid],
    doctm[2][selected_docid],
    doctm[3][selected_docid],
    doctm[4][selected_docid],
    doctm[5][selected_docid],
    doctm[6][selected_docid],
    doctm[7][selected_docid],
    doctm[8][selected_docid],
    doctm[9][selected_docid],
    doctm[10][selected_docid]],
    name='Topic score'
    ))
    
    return {'data':trace}
@app.callback(
    dash.dependencies.Output('view_doc', 'data'),
    [dash.dependencies.Input('docid', 'value')
     ])
def update_table(selected_docid):
    data=doctm[doctm.index == selected_docid][['paper']].to_dict('records')
    return data



if __name__ == '__main__':
    app.run_server(debug=True)