source open chart bootstrap cross-browser canvas svg visualization

cross-browser - open - highcharts



Técnicas para visualizar datos (8)

HighCharts es una herramienta de creación de gráficos Javascript, buena, gratuita y entre navegadores.

Echa un vistazo a la demo de Highcharts

Estoy buscando proporcionar varios métodos para visualizar un gran volumen de datos. Esto puede incluir, pero no se limitará a, gráficos simples. Las técnicas que estoy explorando incluirán formas, texto y líneas. También implicará la interacción con elementos (ocultación, enfoque, etc.) y animación (desplazamiento, arrastre, reorganización sistemática, etc.) de esos elementos.

SVG o Canvas parecen ser las opciones obvias (junto con una biblioteca JS, probablemente jQuery), pero la falta de disponibilidad entre navegadores es una preocupación. Preferiría evitar Flash / Flex, pero ahora mismo es la única tecnología sólida y cruzada que he encontrado si el soporte para IE7 / 8 es un requisito.

¿Alguien tiene alguna otra sugerencia o información adicional que haga que una tecnología que he enumerado parezca aún más atractiva?

Gracias.

SVG y Canvas funcionan para datos relativamente simples (es decir, donde unas pocas líneas son suficientes). Para datos complejos (por ejemplo, distribuciones de frecuencia, o algo donde se emite una muestra por píxel), debe renderizar una imagen normal en el servidor.

Si está utilizando jquery para la representación gráfica, definitivamente verificará Flot, que es como una biblioteca de gráficos y gráficos cruzados.

Es posible que desee echar un vistazo a Raphael y GRaphael . Raphael le permite crear gráficos vectoriales y usará SVG en navegadores con capacidad SVG mientras cambia automáticamente a VML en IE.

También puedes echar un vistazo al procesamiento basado en canvas.js .

SVG está disponible en todo excepto IE, y VML está disponible en IE (desde 5.5, IIRC). Si puede servir tanto SVG como VML, tendrá gráficos vectoriales que prácticamente todos pueden ver. RaphaelJS es una biblioteca Javascript que puede generar ambos formatos desde el mismo código Javascript, pero, por supuesto, esa es solo una forma de hacerlo.

Canvas también está disponible prácticamente en todo excepto en IE, pero algunos locos escribieron algo llamado excanvas que emula a Canvas, de nuevo, a VML. De mis amigos y compañeros de trabajo que lo han usado, he escuchado que el rendimiento es peor que prácticamente cualquier otra solución de gráficos de navegador, pero si quieres hacer gráficos de mapa de bits de manera portátil, es prácticamente el único juego sin complementos de la ciudad.

La ruta que tomes, vector o ráster, realmente depende de tu aplicación.

Mira el Processing.org original.

Puede parecer extraño / anacrónico que estén usando applets de Java, pero pudieron obtener un mejor rendimiento con Java que con JavaScript. Los applets parecen funcionar en todas partes, y tendrás acceso a muchas geniales bibliotecas de Java.