Principiante per la visualizzazione dei dati: informazioni sull'elaborazione, prima d3.js o altro?

Question

Sono un visual/info designer e analista di dati. Sono un esperto di Illustrator. Voglio passare alla visualizzazione dinamica dei dati. Preferibilmente voglio utilizzare i miei file vettoriali e collegarli a un database. Detto questo, voglio diventare esperto nella programmazione della visualizzazione dei dati.

Quale percorso? Ho testato l''elaborazione' tramite una lezione introduttiva - è simile alla logica in Illustrator. Sto considerando d3.js. Sembra che il consenso sia fare una combinazione di "elaborazione" e d3. Da quale programma dovrei iniziare (sapendo che voglio utilizzare i miei file vettoriali).

Grazie in anticipo!

Answer 1

Dò il mio voto per d3js e condividerò i miei suggerimenti per l'apprendimento. Ero un principiante con d3.js quando improvvisamente ho dovuto implementare grafici, widget e materiale di visualizzazione "carino" (traduzione: complicata).

Perché d3? Funziona in tutti i browser di questa era (IE9 +) non richiede installazione o plug-in o impostazioni speciali, solo un paio di righe di codice e sei a posto. E i telefoni cellulari possono anche eseguirlo senza sforzi aggiuntivi.

La curva di apprendimento era orribile, ma ora che so cosa ho fatto di sbagliato, posso condividere un programma di apprendimento migliore per te.

1. Vai per le esercitazioni SVG. Dimentica d3 e vai alle basi ... Se non conosci l'alfabeto come puoi scrivere parole e poi frasi? Il tutorial di Mozilla mi ha aiutato molto! https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial
2. Ora puoi andare per qualche azione d3. Non andare alla documentazione, andare prima per le esercitazioni. https://github.com/mbostock/d3/wiki/Tutorials
   Le cose buone sono in "Introduzione", "Facciamo un grafico a barre, Parti I, II & III" e il più importante di tutti "Modello di aggiornamento generale, Parti I, II & III".
3. Ora guarda e analizza gli esempi, tutti hanno codice sorgente e alcuni commenti.

In ogni caso, tutto dipende dal livello di competenza di JavaScript, DOM e SVG.

Answer 2

Raccomando d3.js. Ci sono molti esempi sul web da seguire.

Ma è necessario prima imparare le nozioni di base Javascript.

http://www.codecademy.com/tracks/javascript

http://www.w3schools.com/js/DEFAULT.asp

Una volta che avete livello principiante di Javascript, si può passare a d3.js tutorial.

https://github.com/mbostock/d3/wiki/Tutorials

Ho fatto diverse d3 interattivo.tutorial js qui:

https://www.youtube.com/playlist?list=PLRJOPJMJE3OTcg5TNV6ZdbIDbFITu2OXu

Aggiornamento: ho scritto nuovi tutorial per principianti per imparare sia Javascript e visualizzazione dei dati:

http://blog.vida.io/2014/06/23/coding-visualization-tutorial-1-variables/ http://blog.vida.io/2014/06/23/coding-visualization-tutorial-2-functions/

Buon divertimento!