2013-03-17 18 views
13

Vorrei creare un diagramma di flusso di tipo "problem solving" interattivo composto da elementi div.Migliore libreria javascript per creare e diagramma di flusso interattivo

mi piacerebbe fare qualcosa di molto simile a quello che i New York Times hanno fatto in questo esempio ...

http://www.nytimes.com/interactive/2012/06/14/us/how-the-supreme-court-could-rule-on-the-health-care-law.html?ref=us

Qualcuno ha suggerito Raphael così ho imparato un po 'di che ed è eccezionale.

C'è qualche altra libreria da prendere in considerazione?

Anche se Raphael è adatto a questo compito, è una libreria ampiamente utilizzata? Se ho intenzione di apprendere nuove competenze è nel mio miglior interesse apprendere codice popolare, così posso applicarlo con diversi lavori che ottengo, non qualche cosa esotica che Ill non userà mai o che nessuno vorrà mai più riutilizzare.

Grazie mille.

+0

Hey @Dale, su cosa ti sei stabilito? Voglio sapere che cosa è tutto lì fuori per visualizzare un "albero delle decisioni interattive" come la pagina del NY Times. Penso che le risposte qui siano buone per la nostra, ma sembra che per una cosa così comune, ci dovrebbero essere più strumenti là fuori solo per inserire i dati dell'albero e iniziare a scuoiare. In caso contrario, sei interessato a lavorare su qualcosa di open source? Voglio creare una guida iniziale per il contadino su come prendere buone decisioni in base al tipo di terreno, alle precipitazioni, al PH, al raccolto che si desidera piantare, ecc. Per consentire ai nuovi agricoltori di imparare facilmente come preparare il terreno. –

+0

io * odio * quando i signori chiudono la roba. Questo è incredibilmente costruttivo, padroni, per favore smettila di farlo. – user1130176

risposta

4

Considerare D3JS se si desidera immergersi nella visualizzazione dei dati. Ci sono un sacco di esempi e tutorial sul sito web.

PS: La creazione di Mike Bostock opere attuali per New York Times per quanto ne so;)

+0

Non sei sicuro di come d3js sia utile per i diagrammi di flusso. I diagrammi di flusso hanno un sacco di strutture coinvolte e rendere difficile l'uso di un file di dati tabellare. Si prega di fornire un esempio per illustrarlo? – AbdealiJK

1

Sono d'accordo che Raphael js libreria è potente. Inoltre posso suggerire di dare un'occhiata a ExtJs 4 - ha anche degli esempi interessanti (ovviamente se hai bisogno di qualcos'altro, non solo grafici) ...

3

Per qualcosa di veramente semplice come l'esempio di NYTimes non c'è niente che si fermi dal farlo con alcune immagini di frecce e jquery .slideDown(). Sarebbe sicuramente più leggero che usare una libreria vettoriale più grande, e funzionerebbe in browser vecchi come sale.