it.hideout-lastation.com
Costruisci rapidamente grafici dinamici su D3 con Plottable.js
La libreria D3.js gratuita è solo una delle tante che ti consente di creare grafici interattivi sulla pagina. Mentre D3 è forse il più popolare del gruppo, imparare a usarlo non è un compito facile.
Ecco perché Plottable.js è una libreria così preziosa. È un progetto open-source gratuito basato su D3.js, che rende più semplice la creazione da zero di grafici di dati interattivi .
Questa libreria gestisce tutto il lavoro sporco, quindi puoi concentrarti su aspetti specifici come i dati. Plottable genera il codice corretto per la dimensione e la posizione di qualsiasi grafico selezionato.
Ogni grafico ha il proprio Componente in Plottable in cui è possibile copiare / incollare il codice del modello per ricostruire il grafico da solo. Al momento della stesura di questo articolo, è possibile selezionare tra 10 stili di grafico della trama, tra cui grafici a barre, grafici a torta, grafici a dispersione e grafici area.
Puoi ricostruire i componenti singolarmente e personalizzare le loro impostazioni in modo dinamico . In questo modo, puoi facilmente modificare elementi interattivi, colori, animazioni, posizionamenti, dimensioni e qualsiasi altra cosa tu abbia bisogno.
La libreria completa è disponibile su GitHub se vuoi sfogliare il codice sorgente e scaricare una copia.
Ma il modo migliore per imparare è attraverso l'esempio. Ecco perché dovresti dare un'occhiata ai loro grafici di esempio che eseguono Plottable per vedere come funziona in azione.
Ogni grafico è completamente interattivo, con il codice sorgente da avviare. Se vuoi ricostruire un grafico simile, copia / incolla il codice JS e riformatta secondo necessità.Ho due preferiti personali dal loro sito: il calendario Heatmap modellato sulla scheda di attività di GitHub e i grafici sincronizzati con funzioni di selezione dinamica.
Se non hai mai usato D3.js prima di allora, avrai difficoltà ad imparare questa libreria. Soprattutto, perché è scritto in TypeScript, quindi probabilmente vorrai prenderlo anche tu. Il codice finale è compilato in ES5 JavaScript, quindi dovrebbe funzionare in tutti i principali browser .Se sei disposto ad immergerti, dai un'occhiata alla pagina dei Tutorial piena di risorse utili. Imparerai tutto ciò di cui hai bisogno per iniziare con Plottable e creare grafici dinamici basati sul web da zero.
40 bellissime cartoline di Natale garantite per farti sorridere
Si potrebbe confondere la stagione delle vacanze come un momento per fare shopping, regalare e fare delle pause, ma è anche il periodo dell'anno in cui leghiamo le parti in sospeso, ricolleghiamo ad amici e parenti e guardiamo indietro ai nostri risultati dell'anno.È anche il momento perfetto per inviare il nostro apprezzamento e ringraziamento alle persone che ci hanno sostenuto durante tutto l'anno, e un modo per farlo è inviare loro una cartolina natalizia personalizzata. P
Quadri magici che ti faranno sembrare due volte
Ci sono molti tipi di artisti in questo mondo e ognuno ha il suo stile particolare. Per il canadese Rob Gonsalves, il suo stile particolare è quello che viene chiamato "realismo magico". La sua precedente formazione come architetto mostra il suo interesse per gli edifici e il mondo e questo viene trasferito nel suo lavoro.
