visualize_change_map.py

import dash
import dash_core_components as dcc
import dash_html_components as html
from dash.dependencies import Input, Output
import plotly
import time
import numpy as np
from utils import (
view_cloud_plotly
)
from plotly.subplots import make_subplots


def visualize_change(fig_getter,index_range):
    """Dash server for visualizing outputs"""

    app = dash.Dash(__name__,suppress_callback_exceptions = False)

    
    index_selector_options = [{'label':key,'value':key} for key in index_range]
    global multiple
    global index
    multiple = 3.
    

    app.layout = html.Div([
        dcc.Dropdown(id= 'index_selector',
        options=index_selector_options,
        multi=False,
        value = '0',
        style ={'width':'20%'}),
        dcc.Input(id="hard_cutoff", type="number", placeholder="hard cutoff", max=10),
        dcc.Input(id="point_size", type="number", placeholder="point size",min=1, max=15),
         html.Div([
        html.Div(id='slider-output-container'),
        dcc.Slider(
            id='multiple_slider',
            min=0.,
            max=10.,
            step=0.1,
            value=5.4)
            ] ,style ={'width':'20%'}),
          html.Div([
            html.Div(id='gen-std-output-container'),
        dcc.Slider(
            id='gen_std',
            min=0.,
            max=3.,
            step=0.05,
            value=0.6),
            ] ,style ={'width':'20%'}),
         
        html.Div([
            dcc.Graph(id='graph_0', figure={},style ={'height':'45vh'}),
            dcc.Graph(id='graph_1', figure={},style ={'height':'45vh'}),
            dcc.Graph(id='combined_change', figure={},style ={'height':'100vh'}),
            dcc.Graph(id='fig_0_given_1', figure={},style ={'height':'50vh'}),
            dcc.Graph(id='fig_1_given_0', figure={},style ={'height':'50vh'}),
            dcc.Graph(id='gen_given_1', figure={},style ={'height':'50vh'}),
            dcc.Graph(id='gen_given_0', figure={},style ={'height':'50vh'}),
            
     


        ],style={ "columnCount": 4,'rowCount': 2})
        


    ])

    


    @app.callback(
    [Output('slider-output-container', 'children'),
    Output('gen-std-output-container', 'children'),
    Output(component_id='graph_0', component_property='figure'),
    Output(component_id='graph_1', component_property='figure'),
    Output(component_id='gen_given_0', component_property='figure'),
    Output(component_id='gen_given_1', component_property='figure')],
     Output(component_id='combined_change', component_property='figure'),
     Output(component_id='fig_0_given_1', component_property='figure'),
     Output(component_id='fig_1_given_0', component_property='figure'),
    [Input(component_id='multiple_slider', component_property='value'),
    Input(component_id='gen_std', component_property='value'),
    Input(component_id='hard_cutoff', component_property='value'),
    Input(component_id='point_size', component_property='value'),
    Input(component_id='index_selector', component_property='value')])
   
    
    def index_chooser(multiple,gen_std,hard_cutoff,point_size,index):
   
        index = int(index)
        
        
        print(f'Loading index {index}!')
        print(multiple)
        try:
            point_size = float(point_size)
        except:
            point_size = 5
        try:
            hard_cutoff = float(hard_cutoff)
        except:
            pass
        fig_0,fig_1,fig_gen_given_0,fig_gen_given_1,combined_fig,fig_0_given_1,fig_1_given_0,changed_percentage = fig_getter(index,float(multiple),float(gen_std),hard_cutoff,point_size)
        

        return f"Std multiple: {multiple}",f"Gen std: {gen_std}",fig_0,fig_1,fig_gen_given_1,fig_gen_given_0,combined_fig,fig_0_given_1,fig_1_given_0

    
       
    app.run_server(debug=True)