トップページ -> 最新情報技術の実習と研究ツール -> Web サービスのプログラミング -> Dash のインストール
[サイトマップへ]  

Dash のインストール

dash, react, plotly について記述しようとしている(書きかけ)

サイト内の関連Webページ

参考Webページ


前準備

前準備として,Python 開発環境の Anaconda のインストールが終わっていること

Windows での Anaconda のインストール手順は、 別の Web ページに記載しています

Ubuntu での Anaconda のインストール手順は、 別の Web ページに記載しています

以下,Anaconda をインストール済みであるものとして説明を続けます.


dash のインストール

  1. Dash のインストール

    https://dash.plot.ly/installation の記述による

    Windows の場合

    pip install dash
    pip install dash-html-components
    pip install dash-core-components
    pip install dash-table
    

    Ubuntu の場合

    sudo pip3 install dash
    

  2. 動作確認
    1. まず、次のようなPython プログラムをhoge.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'Montral'},
                  ],
                  'layout': {
                      'title': 'Dash Data Visualization'
                  }
              }
          )
      ])
      
      if __name__ == '__main__':
          app.run_server(debug=True)
      

    2. 次のコマンドを実行

      Windows の場合

      python hoge.py
      

      Ubuntu の場合

      python3 hoge.py
      

    3. Web ブラウザで、http://localhost:8050 を開く。次のような画面が出れば、動作OK