close

https://dash.plot.ly/  (user giude)
https://dash.plot.ly/?_ga=2.103650308.589841288.1542985557-762329219.1542985557
https://thingsmatic.com/2016/07/10/a-web-app-for-iot-data-visualization/
https://medium.com/@plotlygraphs/introducing-dash-5ecf7191b503
https://www.tutorialspoint.com/r/r_scatterplots.htm (R software)
http://www.math.nsysu.edu.tw/~lomn/homepage/R/R_plot.htm (R software)
https://alysivji.github.io/reactive-dashboards-with-dash.html (frameware,good)

 

You can check out the code yourself across a few repositories:

#-----------------------------------------

In order to start using Dash, we have to install several packages.

  1. The core dash backend.
  2. Dash front-end
  3. Dash HTML components
  4. Dash core components
  5. Plotly
(1) Install Dask (https://dash.plot.ly)
In your terminal, install several dash libraries. These libraries are under active development, 
so install and upgrade frequently. Python 2 and 3 are supported. 
sudo pip install dash  # The core dash backend
sudo pip install dash-html-components # HTML components
sudo pip install dash-core-components  # Supercharged components
sudo pip install dash-table  # Interactive DataTable component (new!)
sudo pip install plotly --upgrade
sudo pip install dash_table_experiments

(2) python HelloDash.py

(1) Hello.py

# -*- coding: utf-8 -*-
import dash
import dash_core_components as dcc
import dash_html_components as html
app = dash.Dash()
colors = {
    'background': '#111111',
    'text': '#7FDBFF'
}
app.layout = html.Div(style={'backgroundColor': colors['background']}, children=[
    html.H1(
        children='Hello Dash',
        style={
            'textAlign': 'center',
            'color': colors['text']
        }
    ),
    html.Div(children='Dash: A web application framework for Python.', style={
        'textAlign': 'center',
        'color': colors['text']
    })
])
if __name__ == '__main__':
   app.run_server(debug=True,port=8080)

#------------------

(2)HelloDash.py

# -*- coding: utf-8 -*-
import dash
import dash_core_components as dcc
import dash_html_components as html

external_stylesheets = ['https://codepen.io/chriddyp/pen/bWLwgP.css']

app = dash.Dash(__name__, external_stylesheets=external_stylesheets)

app.layout = html.Div(children=[
    html.H1(children='Hello Dash'),
    html.Div(children='''Dash: A web application framework for Python.'''),
    dcc.Graph(
        id='example-graph',
        figure={
            'data': [
                {'x': [1, 2, 3], 'y': [4, 1, 2], 'type': 'bar', 'name': 'SF'},
                {'x': [1, 2, 3], 'y': [2, 4, 5], 'type': 'bar', 'name': u'Montréal'},

            ],
            'layout': {
                'title': 'Dash Data Visualization'
            }
        }
    )
 ])

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

最後一個份如何將DASH deploy to google cloud 

Deploying Dash to Google App Engine

 

 

 

 

 

 

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 stanley 的頭像
    stanley

    史坦利Stanley程式Maker的部落格

    stanley 發表在 痞客邦 留言(0) 人氣()