Skip to content

Commit

Permalink
v0.10.0 on NPM
Browse files Browse the repository at this point in the history
  • Loading branch information
chriddyp committed Aug 4, 2017
1 parent 65884da commit d5aaad5
Show file tree
Hide file tree
Showing 4 changed files with 162 additions and 1 deletion.
134 changes: 134 additions & 0 deletions app.py
@@ -0,0 +1,134 @@
import dash
from dash.dependencies import Input, Output
import dash_core_components as dcc
import dash_html_components as html
import json

app = dash.Dash(__name__)

app.scripts.config.serve_locally = True

styles = {
'column': {
'display': 'inline-block',
'width': '25%',
'padding': 10,
'boxSizing': 'border-box',
'minHeight': '200px'
},
'pre': {'border': 'thin lightgrey solid'}
}

app.layout = html.Div([
dcc.Textarea(id='my-area', value='''
Hello!
Let's run some sql.
SELECT YOLO FROM ****
'''),

html.Div(id='output-textarea'),
dcc.Graph(
id='basic-interactions',
figure={
'data': [
{
'x': [1, 2, 3, 4],
'y': [4, 1, 3, 5],
'text': ['a', 'b', 'c', 'd'],
'customdata': ['c.a', 'c.b', 'c.c', 'c.d'],
'name': 'Trace 1',
'mode': 'markers',
'marker': {'size': 12}
},
{
'x': [1, 2, 3, 4],
'y': [9, 4, 1, 4],
'text': ['w', 'x', 'y', 'z'],
'customdata': ['c.w', 'c.x', 'c.y', 'c.z'],
'name': 'Trace 2',
'mode': 'markers',
'marker': {'size': 12}
}
]
}
),

html.Div([
dcc.Markdown("""
**Hover Data**
Mouse over values in the graph.
""".replace(' ', '')),
html.Pre(id='hover-data', style=styles['pre'])
], style=styles['column']),

html.Div([
dcc.Markdown("""
**Click Data**
Click on points in the graph.
""".replace(' ', '')),
html.Pre(id='click-data', style=styles['pre']),
], style=styles['column']),

html.Div([
dcc.Markdown("""
**Selection Data**
Choose the lasso or rectangle tool in the graph's menu
bar and then select points in the graph.
""".replace(' ', '')),
html.Pre(id='selected-data', style=styles['pre']),
], style=styles['column']),

html.Div([
dcc.Markdown("""
**Zoom Data**
Zoom to set the "`relayoutData`" property.
""".replace(' ', '')),
html.Pre(id='relayout-data', style=styles['pre']),
], style=styles['column'])
])


@app.callback(
Output('hover-data', 'children'),
[Input('basic-interactions', 'hoverData')])
def display_hover_data(hoverData):
return json.dumps(hoverData, indent=2)


@app.callback(
Output('click-data', 'children'),
[Input('basic-interactions', 'clickData')])
def display_click_data(clickData):
return json.dumps(clickData, indent=2)


@app.callback(
Output('selected-data', 'children'),
[Input('basic-interactions', 'selectedData')])
def display_selected_data(selectedData):
return json.dumps(selectedData, indent=2)


@app.callback(
Output('relayout-data', 'children'),
[Input('basic-interactions', 'relayoutData')])
def display_relayout_data(relayoutData):
return json.dumps(relayoutData, indent=2)


@app.callback(
Output('output-textarea', 'children'),
[Input('my-area', 'value')])
def lah(value):
return value


if __name__ == '__main__':
app.run_server(debug=True)
14 changes: 14 additions & 0 deletions config_bar.py
@@ -0,0 +1,14 @@
import dash
import dash_core_components as dcc
import dash_html_components as html

app = dash.Dash()

app.scripts.config.serve_locally=True

app.layout = html.Div([
dcc.Graph(id='my-graph', figure={'data': [{'x': [1, 2, 3]}]}, config={'editable': True, 'modeBarButtonsToRemove': ['pan2d', 'lasso2d']})
])

if __name__ == '__main__':
app.run_server(debug=True)
13 changes: 13 additions & 0 deletions dropdown_1000.py
@@ -0,0 +1,13 @@
import dash
import dash_html_components as html
import dash_core_components as dcc

app = dash.Dash()
app.layout = html.Div([
dcc.Dropdown(options=[{'label': 'Option ' + str(i), 'value': i} for i in range(23 * 1000)], multi=True)
])

app.scripts.config.serve_locally=True

if __name__ == '__main__':
app.run_server(debug=True, port=8090)
2 changes: 1 addition & 1 deletion package.json
@@ -1,6 +1,6 @@
{
"name": "dash-core-components",
"version": "0.9.0",
"version": "0.10.0",
"description": "Core component suite for Dash",
"repository": {
"type": "git",
Expand Down

0 comments on commit d5aaad5

Please sign in to comment.