Dash.jl

Dash untuk Julia

Buat aplikasi analitik yang indah di Julia

Dibangun di atas Plotly.js, React dan http.jl, dasbor mengikat elemen UI modern seperti dropdown, slider, dan grafik langsung ke kode analitik Julia Anda.

Baru saja memulai? Lihat Panduan Pengguna Dash untuk Julia! Jika Anda tidak dapat menemukan dokumentasi di sana, maka periksa contoh yang disumbangkan tidak resmi atau periksa kode sumber dari aplikasi demo di Python dan kemudian merujuk gaya sintaks Julia.

Sumber daya lainnya

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

Status proyek

Komponen Julia dapat dihasilkan bersama -sama dengan komponen Python dan R. Tertarik untuk terlibat dengan proyek? Sponsor adalah cara yang bagus untuk mempercepat kemajuan proyek open source seperti ini; Silakan menjangkau kami!

Instalasi

Untuk menginstal versi yang paling baru dirilis:

pkg > add Dash

Untuk menginstal versi pengembangan (stabil) terbaru sebagai gantinya:

pkg > add Dash # dev 

Penggunaan

Aplikasi Dasar

 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)

Kemudian buka http://127.0.0.1:8050 di browser Anda untuk melihat aplikasi Dash!

Panggilan balik dasar

 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)

• Anda dapat membuat aplikasi dash Anda interaktif dengan mendaftarkan panggilan balik dengan callback! fungsi.
• Output dan input (dan status, lihat di bawah) callback dapat berupa Output , Input , State objek atau percikan / vektor objek ini.
• Fungsi panggilan balik harus memiliki tanda tangan (inputs..., states...) , dan memberikan nilai pengembalian dengan elemen angka yang sama dengan jumlah Output untuk diperbarui.

Menyatakan dan beberapa 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)

Perbandingan dengan sintaksis asli

Penamaan Komponen

• Python:

 import dash

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

• Dash.jl:

 using Dash

html_div
dcc_graph
dash_datatable

Pembuatan Komponen

Sama seperti di Python, fungsi untuk menyatakan komponen memiliki argumen kata kunci, yang sama seperti di Python. html_div(id = "my-id", children = "Simple text") .

Untuk komponen yang menyatakan children , dua tanda tangan tambahan tersedia:

• (children; kwargs..) dan
• (children_maker::Function; kwargs...)

Jadi seseorang dapat menulis html_div("Simple text", id = "my-id") untuk elemen sederhana, atau memilih sintaks yang disingkat dengan sintaks do untuk elemen kompleks:

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

Aplikasi dan tata letak

• 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

Panggilan balik

• 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

Json

Dash Apps Transfer Data antara browser (alias frontend) dan proses Julia yang menjalankan aplikasi (alias backend) di JSON. Dash.jl menggunakan json3.jl untuk serialisasi/deserialisasi JSON.

Perhatikan bahwa JSON3.JL mengonversi

• Vector S dan Tuple S ke JSON Arrays
• Dict S dan NamedTuple S to Json Objects