dim_rduction_layout.py

import dash_core_components as dcc
import dash_html_components as html
import dash_daq as daq

def autoencoder_layout():
    return html.Div(id='autoencoder-param', children=[
        dcc.Store(id='store-autoencoder-param', data=[]),
        html.H4("Autoencoder Parameters"),
        html.Div([
            html.H6('Batch Size'),
            dcc.RadioItems(id='autoencoder-batch-size', 
                options=[
                    {'label': '32', 'value':32},
                    {'label': '64', 'value':64}
                ], value=32),
        ],className='twodiv'),
        html.Div([
            html.H6('Epoch'),
            dcc.Input(id='autoencoder-epoch', min=1, value=500, type='number'),
        ], className='twodiv'),
        html.H6('Learning Rate'),
        dcc.Slider(id='autoencoder-learning-rate', min=1, max=3, marks={i: f'{i}' for i in range(1, 4)}, value=2),
        html.Div([
            html.H6('Optimizer'),
            dcc.Dropdown(id='autoencoder-optimizer',
                options=[
                    {'label': 'SGD', 'value':'SGD'},
                    {'label': 'RMSprop', 'value':'RMSprop'},
                    {'label': 'Adam', 'value':'Adam'},
                    {'label': 'Nadam', 'value':'Nadam'},
                    {'label': 'Adagrad', 'value':'Adagrad'},
                    {'label': 'Adadelta', 'value':'Adadelta'}
                ], value='Adam'),
        ], className='twodiv'),
        html.Div([
            html.H6('Loss Function'),
            dcc.Dropdown(id='autoencoder-loss-function',
                options=[
                    {'label': 'rmse', 'value':'mean_squared_error'},
                    {'label': 'binary crossentropy', 'value':'binary_crossentropy'},
                ], value='binary_crossentropy'),
        ], className='twodiv'),
        html.H6('Activation Function'),
        dcc.Dropdown(id='autoencoder-activation-function',
            options=[
                {'label': 'sigmoid', 'value':'sigmoid'},
            ], value='sigmoid'),
        html.H6('dimension of Feature'),
        dcc.RadioItems(id='autoencoder-dimension-feautre', 
            options=[
                {'label': '4', 'value':4},
                {'label': '8', 'value':8},
                {'label': '16', 'value':16},
                {'label': '32', 'value':32}
            ], value=32),
        html.Hr()
    ])
def wavelet_layout():
    return html.Div(id='wavelet-param', children=[
        dcc.Store(id='store-wavelet-param', data=[]),
        html.H4("Wavelet Parameters"),
        html.Div([
            html.H6('Wavelet Function'),
            dcc.Input(id='wavelet-function', value='db2'),
        ], className='twodiv'),
        html.Div([
            html.H6('Iteration to half data'),
            dcc.Input(id='iteration-make-half-dim', min=2, value=2, type='number'),
        ], className='twodiv'),        
        html.Hr()

    ])
def timeseries_resampler_layout():
    return html.Div(id='ts-resampler-param', children=[
        dcc.Store(id='store-ts-resampler-param', data=[]),
        html.H4("Timeseries Resampler Parameters"),
        html.H6('Dimension to reduce your ts data'),
        dcc.Input(id='ts-resampler-dim', min=2, type='number', value=2),
        html.Hr()

    ])