Para desarrolladores
D3.js
D3.js, abreviatura de ‘Documentos controlados por datos‘, es el primer nombre que viene a la mente cuando pensamos en un software de visualización de datos. Utiliza HTML, CSS y SVG para representar algunos gráficos y diagramas sorprendentes. Si puede imaginar alguna visualización, puede hacerlo con D3. Está repleto de funciones, interactividad rica y extremadamente hermosa. Sobre todo es gratis y de código abierto.
- ¿Qué es la pila de tecnología de Greenhouse?
- ¿Qué software se utiliza para diseñar relojes de pulsera?
- ¿Cuál es la diferencia entre código abierto y software libre?
- ¿Qué se necesita para crear un navegador web desde cero que funcione en una Mac?
- Cómo esconder a alguien de WhatsApp sin bloquear
No se envía con gráficos preconstruidos listos para usar, pero tiene una bonita galería que muestra lo que es posible con D3. Hay dos preocupaciones principales con D3.js: tiene una curva de aprendizaje empinada y es compatible solo con navegadores modernos (IE 9+). Así que recójalo solo cuando tenga suficiente tiempo disponible y no le preocupe mostrar sus gráficos en navegadores antiguos.
Gráficos Fusion
FusionCharts tiene probablemente la colección más exhaustiva de gráficos y mapas. Con más de 90 tipos de gráficos y 965 mapas, encontrará todo lo que necesita de inmediato. No solo admite navegadores modernos, sino también navegadores antiguos a partir de IE 6.
FusionCharts admite formatos de datos JSON y XML, y puede exportar gráficos en PNG, JPEG, SVG o PDF. Tienen una buena colección de paneles de negocios y demostraciones en vivo para inspirarse.
Sus gráficos y mapas funcionan en todos los dispositivos y plataformas, son altamente personalizables y tienen hermosas interacciones. Una cosa a tener en cuenta sobre FusionCharts es que es un poco caro. Pero siempre puede comenzar con su prueba gratuita sin restricciones y luego comprar si lo desea.
Chart.js
Chart.js es una pequeña biblioteca de código abierto que admite solo seis tipos de gráficos: línea, barra, radar, polar, pastel y donut. Pero la razón por la que me gusta es que a veces son todos los gráficos que uno necesita para un proyecto. Si la aplicación es grande y compleja, entonces las bibliotecas como Google Charts y FusionCharts tienen sentido, de lo contrario para pequeños proyectos de pasatiempos, Chart.js es la solución perfecta.
Utiliza el elemento de lienzo HTML5 para representar gráficos. Todos los gráficos son receptivos y utilizan un diseño plano. Es una de las bibliotecas de gráficos de fuente más abierta que ha surgido recientemente. Consulte la documentación para ver ejemplos en vivo de los seis tipos de gráficos.
Gráficos de Google
Google Charts presenta gráficos en HTML5 / SVG para proporcionar compatibilidad entre navegadores y portabilidad multiplataforma para iPhone y Android. También incluye VML para admitir versiones anteriores de IE.
Ofrece una cantidad decente de gráficos que cubre los tipos de gráficos más utilizados, como barras, área, sectores y medidores. Es flexible y fácil de usar (¡porque Google!). Puede ver esta galería para tener una idea de varios gráficos y el tipo de interacciones que puede esperar.
Highcharts
Highcharts es otro gran jugador en el espacio de gráficos. Al igual que FusionCharts, también ofrece una amplia gama de gráficos y mapas desde el primer momento. Además de los gráficos normales, también ofrece un paquete diferente para gráficos de acciones llamado Highstock, que también es rico en funciones.
Permite exportar gráficos en PNG, JPG, SVG y PDF. Puede ver los distintos tipos de gráficos que ofrece en la sección de demostración. Highcharts es gratuito para uso no comercial y personal, pero tendrá que comprar una licencia para implementarlo en aplicaciones comerciales.
Folleto
Leaflet es una biblioteca de código abierto desarrollada por Vladimir Agafonkin para mapas interactivos aptos para dispositivos móviles. Es extremadamente ligero (a solo 33kb) y tiene muchas características para hacer cualquier tipo de mapa. Utiliza HTML5 y CSS3 para representar mapas, y funciona en todas las principales plataformas móviles y de escritorio. En palabras del autor:
Leaflet está diseñado teniendo en cuenta la simplicidad, el rendimiento y la usabilidad.
Hay una amplia gama de complementos disponibles para agregar características como marcadores animados, mapas de calor, etc. que amplían la funcionalidad principal. Si está pensando en desarrollar una aplicación que incluya mapas, debería probar Leaflet.
dígrafos
dygraphs es una biblioteca de gráficos JavaScript de código abierto para manejar grandes conjuntos de datos. Es rápido, flexible y altamente personalizable. Funciona en todos los principales navegadores (incluido IE8) y tiene una comunidad activa.
dygraphs ha definido un caso de uso de nicho para sí mismo y no será la solución perfecta para todas sus necesidades. Pero funcionará para usted la mayoría de las veces cuando maneje grandes conjuntos de datos. Para explorar lo que es posible, echa un vistazo a esta galería de demostración bien diseñada.
No desarrolladores
Envoltorio de datos
Datawrapper es una herramienta en línea para hacer gráficos interactivos. Una vez que cargue los datos del archivo CSV o los pegue directamente en el campo, Datawrapper generará una barra, línea o cualquier otra visualización relacionada. Muchos reporteros y organizaciones de noticias usan Datawrapper para incorporar gráficos en vivo en sus artículos. Es muy fácil de usar y produce gráficos efectivos. Si está buscando comenzar, aquí hay un buen tutorial para facilitar su tarea.
Cuadro
Tableau Public es quizás la herramienta de visualización más popular que admite una amplia variedad de cuadros, gráficos, mapas y otros gráficos. Es una herramienta completamente gratuita y los gráficos que crea con ella se pueden incrustar fácilmente en cualquier página web. Tienen una bonita galería que muestra visualizaciones creadas a través de Tableau.
Aunque ofrece cuadros y gráficos que son mucho mejores que otras herramientas similares, no me encanta usar su versión gratuita debido al gran pie de página con el que viene. Si no es un desvío tan grande para ti como lo es para mí, entonces definitivamente deberías intentarlo. O si puede pagarlo, puede optar por una versión paga.
Crudo
Raw se define a sí mismo como “el eslabón perdido entre las hojas de cálculo y los gráficos vectoriales”. Está construido sobre D3.js y está extremadamente bien diseñado. Tiene una interfaz tan intuitiva que sentirás que la has usado antes. Es de código abierto y no requiere ningún registro.
Tiene una biblioteca de 16 tipos de gráficos para elegir y todo el procesamiento se realiza en el navegador. Entonces sus datos están seguros. RAW es altamente personalizable y extensible, e incluso puede aceptar nuevos diseños personalizados.
Timeline JS
Como su nombre indica, Timeline JS te ayuda a crear hermosas líneas de tiempo sin escribir ningún código. Es una herramienta gratuita de código abierto que utilizan algunos de los sitios web más populares como Time y Radiolab.
Es muy fácil seguir un proceso de cuatro pasos para crear su línea de tiempo, que se explica aquí. ¿Mejor parte? Puede extraer medios de una variedad de fuentes y tiene soporte incorporado para Twitter, Flickr, Google Maps, YouTube, Vimeo, Vine, Dailymotion, Wikipedia, SoundCloud y otros sitios similares.
Infograma
Infogram le permite crear gráficos e infografías en línea. Tiene una versión gratuita restringida y dos opciones de pago que incluyen características como más de 200 mapas, uso compartido privado y biblioteca de iconos, etc.
Viene con una interfaz fácil de usar y sus gráficos básicos están bien diseñados. Una característica que no me gustó es el gran logotipo que obtienes cuando intentas insertar gráficos interactivos en tu página web (en versión gratuita). Será mejor si pueden hacerlo como el pequeño texto que utiliza Datawrapper.
Parcela
Plotly es una herramienta gráfica y de análisis de datos basada en la web. Admite una buena colección de tipos de gráficos con funciones integradas para compartir en redes sociales. Los cuadros y tipos de gráficos disponibles tienen un aspecto profesional. Crear un gráfico es solo cuestión de cargar su información y personalizar el diseño, los ejes, las notas y la leyenda. Si está buscando comenzar, puede encontrar algo de inspiración aquí.
ChartBlocks
ChartBlocks es otro generador de gráficos en línea que está bien diseñado y le permite crear gráficos básicos muy rápidamente. Tiene un número limitado de tipos de gráficos, pero eso no será un problema ya que los tipos de gráficos más comunes están cubiertos.
Le permite extraer datos de múltiples fuentes externas como hojas de cálculo y bases de datos. Después de hacer el gráfico, puede exportarlo a través de SVG o PNG, incrustarlo en su sitio web o compartirlo en las redes sociales.
La visualización de datos es un vasto espacio con muchos jugadores. He tratado de incluir las mejores herramientas aquí, independientemente de si puede codificar o no. Estoy seguro de que debo haber perdido algunas de sus herramientas favoritas, entonces, ¿por qué no hablar de ellas en la sección de comentarios a continuación?
