more examples

Author: chriddyp

cache/3ac76a29bf24faf287da6c9ed9f2c814

@@ -0,0 +1 @@
+J�[�Y.�U!Selected "Option 1" at "17:26:47"q
.

cache/5fb1fbb86173a89eab1a538ac5343870

@@ -0,0 +1 @@
+J�Z�Y.�U2017-08-18 17:23:11.220842q
.

cache/72d7f7a7796606d6ef600b19a2b86a15

@@ -0,0 +1 @@
+J�Z�Y.�U2017-08-18 17:23:31.435322q
.

cache/9bd85174c7301580871e99d1d8222d29

@@ -0,0 +1 @@
+J�[�Y.�U2017-08-18 17:26:37.888685q
.

cache/a999b0ed9e867aab385ca7e567a48602

@@ -0,0 +1 @@
+J[�Y.�U2017-08-18 17:24:23.253460q
.

cache/b94ff65f48bd7dc9808a44d7855f6707

@@ -0,0 +1 @@
+J�Z�Y.�U2017-08-18 17:22:42.955196q
.

cache/cb0b361ce35b4e79dc4faec03a297e1a

@@ -0,0 +1 @@
+JZ�Y.�

cache/cfcbe2ac0ed9a701549e83a794e10acc

@@ -0,0 +1 @@
+JZ�Y.�

cache/fc52816cd24e3d9ec7f3894fa24ae90c

@@ -0,0 +1 @@
+J�Y�Y.�

cache/tmp8bwPP2.__wz_cache

@@ -0,0 +1 @@
+JZ�Y.�

cache/tmp9d3gdx.__wz_cache

@@ -0,0 +1 @@
+JZ�Y.�

cache/tmpIRYm0g.__wz_cache

@@ -0,0 +1 @@
+J�Y�Y.�

cache/tmpMHMVTn.__wz_cache

@@ -0,0 +1 @@
+J�Y�Y.�

cache/tmpaCeitG.__wz_cache

@@ -0,0 +1 @@
+JZ�Y.�

cache/tmpb2qIOD.__wz_cache

@@ -0,0 +1 @@
+JZ�Y.�

cache/tmpbHotyS.__wz_cache

@@ -0,0 +1 @@
+J�Y�Y.�

cache/tmph1ad6Q.__wz_cache

@@ -0,0 +1 @@
+J�Y�Y.�

cache/tmpjC0IVC.__wz_cache

@@ -0,0 +1 @@
+JZ�Y.�

cache/tmppYUtvS.__wz_cache

@@ -0,0 +1,54 @@
+import dash
+from dash.dependencies import Input, Output
+import dash_html_components as html
+import dash_core_components as dcc
+import datetime
+import os
+from flask_caching import Cache
+
+
+app = dash.Dash(__name__)
+cache = Cache(app.server, config={
+    'CACHE_TYPE': 'filesystem',
+    'CACHE_DIR': 'cache'
+})
+app.config.supress_callback_exceptions = True
+
+timeout = 20
+
+@cache.memoize(timeout=timeout)
+def compute_expensive_data():
+    return str(datetime.datetime.now())
+
+
+def generate_layout():
+    expensive_data = compute_expensive_data()
+    return html.Div([
+        html.H3('Last updated at: ' + expensive_data),
+        html.Div(id='flask-cache-memoized-children'),
+        dcc.RadioItems(
+            id='flask-cache-memoized-dropdown',
+            options=[
+                {'label': 'Option {}'.format(i), 'value': 'Option {}'.format(i)}
+                for i in range(1, 4)
+            ],
+            value='Option 1'
+        ),
+        html.Div('Results are cached for {} seconds'.format(timeout))
+    ])
+
+app.layout = generate_layout
+
+
+@app.callback(
+    Output('flask-cache-memoized-children', 'children'),
+    [Input('flask-cache-memoized-dropdown', 'value')])
+@cache.memoize(timeout=timeout)
+def render(value):
+    return 'Selected "{}" at "{}"'.format(
+        value, datetime.datetime.now().strftime('%H:%M:%S')
+    )
+
+
+if __name__ == '__main__':
+    app.run_server(debug=True)

cache/tmprOLIx2.__wz_cache

@@ -0,0 +1,141 @@
+from datetime import datetime
+
+from dash import dash
+
+import dash_core_components as dcc
+import dash_html_components as html
+from dash.dependencies import Input, Output, Event, State
+from dash.exceptions import CantHaveMultipleOutputs
+
+app = dash.Dash(__name__)
+app.config.supress_callback_exceptions = True
+
+IDS = [1, 2, 3]
+
+
+def divs_list():
+    return [html.Div([
+        dcc.Markdown(
+            '',
+            id='model-{}-markdown'.format(id)
+        ),
+        html.P(
+            '',
+            id='model-{}-p'.format(id)
+        ),
+        html.Button(
+            'Delete',
+            id='model-{}-delete-button'.format(id),
+            style={'width': '49%'}
+        ),
+        html.Button(
+            'Start/Stop',
+            id='model-{}-toggle-button'.format(id),
+            style={'marginLeft': '2%', 'width': '49%'}
+        ),
+
+        html.Hr()
+    ], id='model-k2-{}'.format(id)) for id in IDS]
+
+
+def create_callbacks():
+    def delete(i):
+        def callback(*data):
+            return """# Delete
+            {}""".format(datetime.now().time().isoformat())
+
+        return callback
+
+    def toggle(i):
+        def callback(*data):
+            return "Toggle {}".format(datetime.now().time().isoformat())
+
+        return callback
+
+    for model_id in IDS:
+        try:
+            app.callback(Output('model-{}-markdown'.format(model_id), 'children'),
+                         events=[Event('model-{}-delete-button'.format(model_id), 'click')])(delete(model_id))
+
+            app.callback(Output('model-{}-p'.format(model_id), 'children'),
+                         events=[Event('model-{}-toggle-button'.format(model_id), 'click')])(toggle(model_id))
+        except CantHaveMultipleOutputs:
+            continue
+
+
+def layout():
+    divs = divs_list()
+
+    return [html.Div([
+        html.H1('Example'),
+
+        html.Div(divs, id='model-k2-divs'),
+    ], style={'maxWidth': '720px', 'margin': '0 auto'}, id='example')]
+
+app.layout = html.Div(children=[
+    html.Meta(
+        name='viewport',
+        content='width=device-width, initial-scale=1.0'
+    ),
+
+    html.Div([
+        html.Div([
+            html.Div(
+                html.Div(id="page", className="content"),
+                className="content-container"
+            ),
+        ], className="container-width")
+    ], className="background"),
+
+    dcc.Location(id='location', refresh=False),
+], style={'width': '70%', 'margin': '0 auto'})
+
+
+toc = html.Div([
+        html.Ul([
+            html.Li(dcc.Link('Home', href='/')),
+            html.Li(dcc.Link('Example', href='/example')),
+        ])
+    ])
+
+pages = {
+    'index': {
+        'url': '/',
+        'content': html.Div([
+            html.H1('Table of Content'),
+            toc,
+        ], className="toc", style={'textAlign': 'center'})
+    },
+    'example': {
+        'url': '/example',
+        'content': layout
+    }
+}
+
+
+@app.callback(
+    Output('page', 'children'),
+    [Input('location', 'pathname')])
+def display_content(pathname):
+    if pathname is None:
+        return html.Div()
+    matched = [c for c in pages.keys()
+               if pages[c]['url'] == pathname]
+
+    if matched and matched[0] == 'example':
+        create_callbacks()
+        c = pages[matched[0]]['content']
+        page_content = c()
+        content = html.Div(page_content)
+    else:
+        content = pages['index']['content']
+
+    return content
+
+app.css.append_css({"external_url": "https://codepen.io/chriddyp/pen/bWLwgP.css"})
+
+if __name__ == '__main__':
+    app.run_server(
+        debug=True,
+        threaded=True,
+        port=5005)

cache/tmpwGUwON.__wz_cache

@@ -0,0 +1,38 @@
+import dash
+from dash.dependencies import Input, Output
+import dash_core_components as dcc
+import dash_html_components as html
+import flask
+import os
+
+app = dash.Dash()
+
+app.layout = html.Div([
+    dcc.Input(id='input', value=''),
+    html.Div(id='output')
+])
+
+@app.callback(
+    Output('output', 'children'),
+    [Input('input', 'value')])
+def output(value):
+    flask.session['error-message'] = 'test'
+    if value == 'error':
+        1/0
+    else:
+        return value
+
+app.scripts.append_script({
+    'external_url': '/static/dash-error-message-display.js'
+})
+
+@app.server.route('/static/<filename>.js')
+def serve_script(filename):
+    print('serving {}'.format(filename))
+    if filename not in ['dash-error-message-display']:
+        raise Exception('"{}" is excluded from the allowed static files'.format(filename))
+    return flask.send_from_directory(os.getcwd(), '{}.js'.format(filename))
+
+
+if __name__ == '__main__':
+    app.run_server(debug=True)

dash-cache-layout.py

@@ -0,0 +1,20 @@
+var errorId = 'error-message-container'
+var body = document.getElementsByTagName('body')[0]
+var newNode = document.createElement('div');
+newNode.setAttribute('id', errorId);
+body.appendChild(newNode);
+
+console.warn('adding window.onerror');
+window.onerror = function(msg, url, line, col, error) {
+    var errorElement = document.getElementById(errorId);
+    console.warn('window.onerror', msg);
+    errorElement.innerHtml = ([
+        '<div>',
+            '<hr/>',
+            '<div style="font-size: 14px;">Error occurred!</div>',
+            '<pre style="color: #FF4136">',
+            error,
+            '</pre>',
+        '</div>'
+    ].join(''));
+};

dash-callback-factory.py

@@ -0,0 +1,35 @@
+import dash
+import dash_core_components as dcc
+import dash_html_components as html
+from dash.dependencies import Input, Output, Event, State
+
+import visdcc
+
+app = dash.Dash()
+
+app.layout = html.Div([
+      visdcc.Network(id='net',
+                     data={'nodes':[{'id': 1, 'label': 'Node 1', 'color':'#00ffff'},
+                                    {'id': 2, 'label': 'Node 2'},
+                                    {'id': 4, 'label': 'Node 4'},
+                                    {'id': 5, 'label': 'Node 5'},
+                                    {'id': 6, 'label': 'Node 6'}],
+                             'edges':[{'id':'1-3', 'from': 1, 'to': 3},
+                                      {'id':'1-2', 'from': 1, 'to': 2}]
+                     },
+                     options=dict(height='600px', width='100%')),
+      dcc.RadioItems(id='color',
+                     options=[{'label': 'Red'  , 'value': '#ff0000'},
+                              {'label': 'Green', 'value': '#00ff00'},
+                              {'label': 'Blue' , 'value': '#0000ff'}],
+                     value='Red')
+])
+
+@app.callback(
+    Output('net', 'options'),
+    [Input('color', 'value')])
+def myfun(x):
+    return {'nodes':{'color': x}}
+
+if __name__ == '__main__':
+    app.run_server(debug=True)

dash-display-error-messages.py

@@ -3,7 +3,6 @@
 import dash_core_components as dcc
 import dash_html_components as html
 
-
 app = dash.Dash()
 
 

dash-error-message-display.js

@@ -0,0 +1,38 @@
+import dash
+import dash_core_components as dcc
+import dash_html_components as html
+
+import json
+import numpy as np
+
+app = dash.Dash()
+
+N = 100*1000*1000
+
+app.layout = html.Div([
+    html.Div(
+        dcc.Graph(
+            id='graph',
+            figure={
+                'data': [{
+                    'x': np.random.randn(N, 1),
+                    'Y': np.random.randn(N, 1)
+                }]
+            }
+        ), style={
+            'display': 'none'
+        }
+    ),
+    dcc.Input(id='input', value=''),
+    html.Div(id='output', style={'display': 'none'})
+])
+
+
+@app.callback(
+    dash.dependencies.Output('output', 'children'),
+    [dash.dependencies.Input('input', 'value')])
+def update_output(value):
+    return json.dumps(range(N))
+
+if __name__ == '__main__':
+    app.run_server(debug=True)