2012-01-10 10 views
7

Attualmente sto lavorando su una piattaforma di indagine web personalizzata per l'utilizzo nelle presentazioni di sala riunioni in cui i partecipanti rispondono alle domande, le risposte da cui sono visualizzato come un grafico (di solito da un proiettore).Sto cercando una "grafica visivamente sbalorditiva" API per il web

Sono stato incaricato di aggiornare il sistema di grafici esistente, che utilizza (basato su URL) Google Chart Tools Image Charts API per creare grafici a torta e a barre 3D. Il requisito principale è che la nuova grafica sia "sbalorditiva". Alcuni esempi sono stati il ​​Cover Flow riflettente simile al vetro di Apple, l'interfaccia utente Aero di Windows e i grafici prodotti dall'ultimo PowerPoint.

Un esempio di ciò che possiamo attualmente produciamo utilizzando l'API di Google Strumenti grafico grafico Image:

Stock example from Google Chart Tools' Image Chart gallery

Evidentemente, la torta e grafici a barre 3D prodotte da Grafici Grafico Image Tools di Google sono sufficientemente mozzafiato. Allo stesso modo, lo heavily-interactive graphs prodotto dall'API di visualizzazione di Google è "troppo noioso".

Quindi, sto cercando uno strumento grafico basato sul web che è preferibilmente accessibile attraverso un'API che può rispondere alla nostra esigenza di essere forte impatto visivo. (Anche qualcosa di bello sarebbe bello.) Qualche idea?

Ho dato un'occhiata a FusionCharts e sembra una possibile soluzione, ma non è gratuito e non è basato su API.

(Ho una domanda sopra a UX per quanto riguarda the best way of graphing results from matrix/ranking questions relative allo stesso progetto.)

+2

Sono infastidito dal requisito "visivamente sbalorditivo". È una cosa così soggettiva. – Sonny

+3

Mi sento molto allo stesso modo! Non ho requisiti più specifici di quello, purtroppo. Ho sentito che i grafici di Google Visualization sono abbastanza sorprendenti ... – msanford

risposta

6

Nessuna idea sull'aspetto visivamente sorprendente di questo, ma ho usato prima HighCharts. Nessuna API di terze parti solo una JS di prima parte.

+0

In realtà @Treffynnon, l'animazione della costruzione del grafico potrebbe avvicinarsi a quello che stanno cercando. Grazie! – msanford

+1

Oooo, questo è uno che non ho mai incontrato prima, ed è molto carino. Grazie! – Nick

2

FusionCharts (Free) hanno una versione gratuita, anche se questo non è basato su API (Credo che se si pagare per questo allora essi hanno una versione basata su API).

La versione gratuita è tuttavia limitata, ma è ancora abbastanza ricca di funzionalità. È sicuramente il più visivamente accattivante che ho trovato là fuori. È anche abbastanza semplice da usare, viene fornito con una bella classe PHP che fa la maggior parte anche per te.

+0

Grazie per questo @Nick! Non avevo letto abbastanza profondamente, chiaramente. Lo passerò e vedrò se è sufficientemente "sbalorditivo"! – msanford

+1

@msanford Non pubblicizzano la versione gratuita da nessuna parte! L'ho scoperto solo dopo che il mio capo li ha contattati per vedere se potevano fornirci una licenza di pacchetto (come avevamo programmato di usarlo su centinaia di siti). – Nick

+0

Aha! Ho pensato tanto! – msanford

3

Questo non è un servizio Web come Google Charts, ma se non riesci a trovare nulla come GCharts che sia accettabile, lo Raphael JS charting library potrebbe valere la pena dare un'occhiata. Dovresti fare un po 'di re-tooling sulla tua parte e me ne rendo conto, ma ho pensato di buttarlo qui come opzione.

+0

questa non è una cattiva opzione. Analogamente al suggerimento di Treffynnon, poiché l'animazione potrebbe avere un effetto "sbalorditivo". Preferisco un'API, ma accetto che una soluzione basata su API possa semplicemente non esistere. Grazie! – msanford

+0

PS Mi è piaciuto molto questo suggerimento; Lo userò sicuramente per altri progetti. Grazie @jharahush! – msanford

3

È sempre possibile eseguire il rollover utilizzando processing.js. È più lavoro, ma potresti renderlo "sbalorditivo" come desideri e avere il controllo completo su ciò che realizzi.

+0

* Questo * è stupendo. Purtroppo la consegna è passata, ma sono sicuro di poterlo usare su progetti futuri. Grazie Jason! – msanford

3

Dare un esempio a d3.js (http://d3js.org/). Javascript completo, facilmente integrabile con le pagine esistenti. Supporta le evoluzioni dinamiche & transizioni. Dai uno sguardo ad alcuni dei seguenti esempi per avere un'idea di cosa puoi fare con esso (anche se un po 'manca di stile per i grafici a barre, dai un'occhiata invece alle ciambelle o cerca i grafici a torta forniti dagli utenti in d3).

Esempi:

https://github.com/mbostock/d3/wiki/Gallery http://bl.ocks.org/mbostock http://christopheviau.com/d3list/

Per esempio di transizioni di ciambella (come le risposte vengono digitati dai partecipanti):

http://bl.ocks.org/mbostock/5682158

Problemi correlati