Dash.jlダウンロードDash.jlソースコードのダウンロード

Dash.jl

ウェブサイトデータ

Version 1.5.0

ダウンロード

ジュリアのためのダッシュ

ジュイラテスト

ジュリアで美しく分析的なアプリケーションを作成します

Plotly.js、React、http.jlの上に構築されたDashは、ドロップダウン、スライダー、グラフなどの最新のUI要素を分析ジュリアコードに直接結び付けます。

始めたばかり？ジュリアユーザーガイドのダッシュをご覧ください！そこにドキュメントが見つからない場合は、非公式の貢献した例をチェックするか、Pythonのデモアプリケーションのソースコードをチェックしてから、Julia構文スタイルを参照してください。

その他のリソース

https://community.plotly.com/c/plotly-r-matlab-julia-net/julia/23
https://discourse.julialang.org/tag/dash

プロジェクトステータス

Juliaコンポーネントは、PythonおよびRコンポーネントと一緒にタンデムで生成できます。プロジェクトに参加することに興味がありますか？スポンサーシップは、このようなオープンソースプロジェクトの進捗を加速するための素晴らしい方法です。お気軽にご連絡ください！

インストール

最近リリースされたバージョンをインストールするには：

pkg > add Dash

代わりに最新の（安定した）開発バージョンをインストールするには：

pkg > add Dash # dev

使用法

基本アプリケーション

 using Dash

app = dash (external_stylesheets = [ " https://codepen.io/chriddyp/pen/bWLwgP.css " ])

app . layout = html_div () do
    html_h1 ( " Hello Dash " ),
    html_div ( " Dash.jl: Julia interface for Dash " ),
    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 = " Montréal " ),
                  ],
                  layout = (title = " Dash Data Visualization " ,)
              ))
end

run_server (app)

次に、ブラウザでhttp://127.0.0.1:8050に移動して、Dashアプリを表示します。

基本的なコールバック

 using Dash

app = dash (external_stylesheets = [ " https://codepen.io/chriddyp/pen/bWLwgP.css " ])

app . layout = html_div () do
    dcc_input (id = " my-id " , value = " initial value " , type = " text " ),
    html_div (id = " my-div " )
end

callback! (app, Output ( " my-div " , " children " ), Input ( " my-id " , " value " )) do input_value
    " You've entered $(input_value) "
end

run_server (app)

callback!関数。
コールバックの出力と入力（および以下を参照）は、このオブジェクトのOutput 、 Input 、 Stateオブジェクト、またはスプラット /ベクトルにすることができます。
コールバック関数には、署名(inputs..., states...)が必要であり、更新するOutputの数と同じ数値要素を持つ戻り値を提供する必要があります。

状態および複数の出力

 using Dash

app = dash (external_stylesheets = [ " https://codepen.io/chriddyp/pen/bWLwgP.css " ])

app . layout = html_div () do
    dcc_input (id = " my-id " , value = " initial value " , type = " text " ),
    html_div (id = " my-div " ),
    html_div (id = " my-div2 " )
end

callback! (app,
          Output ( " my-div " , " children " ),
          Output ( " my-div2 " , " children " ),
          Input ( " my-id " , " value " ),
          State ( " my-id " , " type " )) do input_value, state_value
    return ( " You've entered $(input_value) in input with type $(state_value) " ,
            " You've entered $(input_value) " )
end

run_server (app)

元のPython構文との比較

コンポーネントの命名

Python：

 import dash

dash . html . Div
dash . dcc . Graph
dash . dash_table . DataTable

dash.jl：

 using Dash

html_div
dcc_graph
dash_datatable

コンポーネントの作成

Pythonと同様に、宣言コンポーネントの関数には、Pythonと同じキーワード引数があります。 html_div(id = "my-id", children = "Simple text") 。

children宣言するコンポーネントの場合、2つの追加の署名が利用可能です。

(children; kwargs..)と
(children_maker::Function; kwargs...)

したがって、単純な要素のためにhtml_div("Simple text", id = "my-id")を書くか、複雑な要素のdo構文を使用して略語された構文を選択できます。

 html_div (id = " outer-div " ) do
    html_h1 ( " Welcome " ),
    html_div (id = " inner-div " ) do
        #= inner content =#
    end
end

アプリケーションとレイアウト

Python：

 app = dash . Dash ( external_stylesheets = [ "https://codepen.io/chriddyp/pen/bWLwgP.css" ])

app . layout = html . Div ( children = [....])

dash.jl：

app = dash (external_stylesheets = [ " https://codepen.io/chriddyp/pen/bWLwgP.css " ])

app . layout = html_div () do
    #= inner content =#
end

コールバック

Python：

 @ app . callback ( Output ( 'output' , 'children' ),
              Input ( 'submit-button' , 'n_clicks' )],
              State ( 'state-1' , 'value' ),
              State ( 'state-2' , 'value' ))
def update_output ( n_clicks , state1 , state2 ):
    # logic

dash.jl：

 callback! (app,
          Output ( " output " , " children " ),
          Input ( " submit-button " , " n_clicks " )],
          State ( " state-1 " , " value " ),
          State ( " state-2 " , " value " )) do n_clicks, state1, state2
    # logic
end