Python Dash Tutorial

Python Dash Tutorial
Hey a tutti, benvenuti. Dash è l'argomento di cui discuteremo oggi. Dash è sviluppato da Plotly. Alcuni di voi potrebbero avere un'idea che Dash sia forse sui grafici a causa della trama. E sì, hai assolutamente ragione. Dash riguarda la rappresentazione dei grafici in un'interfaccia utente Web (interfaccia utente). L'interfaccia utente Web non significa che Dash richieda una connessione Internet attiva per l'esecuzione, ma necessita solo di un server e verrà eseguito su "LocalHost" o "127.0.0.1 ". Dash sembra eseguire la porta 8050 per impostazione predefinita, quindi quando si esegue l'applicazione Dash sul browser, si accede all'indirizzo come “127.0.0.1: 8050 ".

Prima di tutto, dobbiamo installare Dash sul nostro sistema. Premi Ctrl+Alt+T sul tuo Ubuntu, aprirebbe il terminale. Per eseguire le applicazioni DASH sul nostro sistema, installeremmo da 4 a 5 pacchetti utilizzando il comando seguente:

$ sudo pip Installa Dash-Render Dash-Html-Components Dash-core-components Clollaly

O

$ sudo -h pip Installa Dash-Renerer Dash-Html-Components Dash-core-components Clolaly

Quando aggiungerai -h non emetterebbe un avvertimento perché arriveresti alla variabile di casa usando -h nel comando. Anche se non lo usi, andrebbe bene in quanto mostrerebbe un avvertimento ma Dash verrebbe installato comunque.

Ora continueresti a creare uno script Python. Il nostro primo esempio di codice mostrerebbe solo un semplice output nel nostro browser Web sull'indirizzo del server e sulla porta sopra menzionati. Nell'esempio, le prime 3 righe sarebbero rispettivamente le importazioni di Dash, Componenti-Components e Dash-HTML-Components. I componenti del dash-core come DCC significa che ovunque vogliamo usare i componenti del dash-core possiamo usare invece "DCC" e allo stesso modo dove vogliamo usare i componenti Dash-HTML, possiamo usare "HTML". Dash () è la classe integrata che contiene il codice predefinito per le applicazioni Dash. 'App.Layout "rappresenta tutto nell'interfaccia utente Web, il che significa tutto ciò che si desidera visualizzare nel browser nell'applicazione Dash, deve essere scritto nella zona operativa di" App.disposizione'. Seguendo il nostro primo semplice esempio di codice che visualizza solo un semplice output:

Codice Esempio n. 1:

DASH IMPORTAMENTO
import dash_core_components come DCC
import dash_html_components come html
app = Dash.Trattino()
app.layout = html.Div ('Linuxhint YouTube HI')
Se __Name__ == '__main__':
app.run_server (debug = true)

Produzione:

Il secondo esempio riguarda la creazione di un grafico. Useremmo "DCC" che significa essenzialmente i componenti del dash-core e creeremmo un grafico usandolo. Nel nostro esempio, abbiamo disegnato un grafico di esempio di energia e tempo con valori casuali di "x" e "y" dando un tipo di "linea" all'energia e un tipo di "bar" al tempo. Faremmo tutto questo all'interno di un metodo DCC.Grafico () in cui nomineremmo il nostro asse del grafico e impostare anche il titolo di grafico.

Codice Esempio n. 2:

DASH IMPORTAMENTO
import dash_core_components come DCC
import dash_html_components come html
app = Dash.Trattino()
app.layout = html.Div (bambini = [
html.Div (Children = 'LinuxHint YouTube Hi'),
DCC.Grafico(
id = "grafici",
Figura =
'dati': [
'x': [1,2,3,4,5,6,7], 'y': [11,12,22,23,24,44,55], 'type': 'line', ' Nome ':' Energy ',
'x': [1,2,3,4,5,6,7], 'y': [13,15,26,27,34,44,65], 'type': 'bar', ' nome ':' time ',
",
'disposizione':
'Titolo': 'Grafico per tempo ed energia'


)
])
Se __Name__ == '__main__':
app.run_server (debug = true)

Produzione:

SUGGERIMENTO PRO: Durante la scrittura di Python, usa un IDE Python o un editor di testo intelligente che indica il codice automaticamente per te. Evita di usare un blocco note o un editor di testo semplici per gli script di Python come rientro del codice è un fattore importante in Python durante l'esecuzione.

Lo spiegherò in modo più dettagliato anche in forma video.