2012-01-10 6 views
7

Actualmente estoy trabajando en, una plataforma de encuestas web personalizada para usar en presentaciones de sala de juntas donde los participantes responden preguntas, cuyas respuestas son se muestra como un gráfico (generalmente desde un proyector).Estoy buscando una API gráfica y de gráficos "visualmente deslumbrante" para la web

He recibido la tarea de actualizar el sistema de gráficos existente, que usa el (basado en URL) Google Chart Tools Image Charts API para crear gráfico circular y gráficos de barras en 3D. El requisito principal es que los nuevos gráficos sean "impresionantes". Algunos ejemplos que me surgieron fueron el Cover Flow reflexivo de Apple, el Aero UI de Windows y los gráficos producidos por el último PowerPoint.

Un ejemplo de lo que actualmente podemos producir mediante la API Gráfico Herramientas de gráficos de imágenes de Google:

Stock example from Google Chart Tools' Image Chart gallery

Evidentemente, los gráficos circulares y de barras 3D producidos por los gráficos Herramientas de gráficos de imágenes de Google son suficientemente impresionante. Del mismo modo, el heavily-interactive graphs producido por la API de visualización de Google es "demasiado aburrido".

lo tanto, estoy en busca de una herramienta gráfica basada en la web que es preferentemente accesible a través de una API que puede responder a nuestro requisito de ser visualmente impresionante. (Algo gratis también sería agradable.) ¿Alguna idea?

Eché un vistazo a FusionCharts, y parece una solución posible, pero no es gratis y no está basada en API.

(Tengo una pregunta sobre por lo UX respecto the best way of graphing results from matrix/ranking questions relacionada con el mismo proyecto.)

+2

Me molesta el requisito de "visualmente deslumbrante". Es una cosa tan subjetiva. – Sonny

+3

¡Me siento de la misma manera! No tengo más requisitos específicos que eso, lamentablemente. Sentí que los gráficos de Google Visualization son lo suficientemente impresionantes ... – msanford

Respuesta

6

No tengo idea sobre el aspecto visualmente impresionante de esto, pero he usado HighCharts antes. No API de terceros solo una JS de primera parte.

+0

En realidad @Treffynnon, la animación de construcción de gráficos podría acercarse a lo que están buscando. ¡Gracias! – msanford

+1

Oooo, este es uno que no he encontrado antes, y es bastante agradable. ¡Gracias! – Nick

2

FusionCharts (Free) tienen una versión gratuita, aunque esto no es basado en la API (Creo que si pagar por él, entonces no tiene una versión basada en API).

La versión gratuita es, sin embargo, limitada, pero todavía está repleta de funciones. Definitivamente es el más atractivo visualmente que he descubierto. También es bastante simple de usar, viene con una buena clase de PHP que hace la mayor parte por ti también.

+0

Gracias por eso @Nick! No había leído lo suficiente, claramente. ¡Lo dejaré pasar y veré si es lo suficientemente "impresionante"! – msanford

+1

@msanford ¡No anuncian la versión gratuita en ningún lado! Solo me enteré después de que mi jefe se puso en contacto con ellos para ver si podían proporcionarnos una licencia de paquete (ya que habíamos planeado usarla en cientos de sitios). – Nick

+0

¡Ajá! ¡Pensé tanto! – msanford

3

Este no es un servicio web como Google Charts, pero si no puede encontrar nada como GCharts que sea aceptable, puede valer la pena visitar el Raphael JS charting library. Tendría que hacer un poco de re-herramienta en su extremo y me doy cuenta de eso, pero pensé en tirar esto como una opción.

+0

esto no es una mala opción. De forma similar a la sugerencia de Treffynnon, ya que la animación puede tener un efecto "sorprendente". Prefiero una API, pero acepto que una solución basada en API simplemente puede no existir. ¡Gracias! – msanford

+0

PD Realmente me gustó esta sugerencia; Definitivamente voy a usarlo para algunos otros proyectos. Gracias @jharahush! – msanford

3

Siempre puede hacer las suyas usando processing.js. Es más trabajo, pero podrías hacerlo tan "deslumbrante" como lo desees, y tener control total sobre lo que haces.

+0

* Eso * es impresionante. Lamentablemente, la entrega ha pasado, pero estoy seguro de que puedo usar esto en futuros proyectos. Gracias Jason! – msanford

3

Dé una oportunidad a d3.js (http://d3js.org/). JavaScript completo, fácilmente integrado con sus páginas existentes. Es compatible con las actualizaciones dinámicas & transiciones. Eche un vistazo a algunas de las muestras a continuación para tener una idea de lo que puede hacer con ellas (aunque le falta un poco de estilo para los gráficos de barras, eche un vistazo a las rosquillas o busque gráficos circulares aportados por los usuarios en d3).

Ejemplos:

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

Por ejemplo de las transiciones de rosquilla (como respuestas se están enchavetados en los participantes):

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

Cuestiones relacionadas