Una descripción completa de las mejores herramientas de visualización de datos

El consumo de grandes conjuntos de datos no siempre es sencillo. A veces, los conjuntos de datos son tan grandes que es absolutamente imposible discernir algo útil de ellos. Ahí es donde entran las visualizaciones de datos.

La creación de visualizaciones de datos rara vez es sencilla. No es que los diseñadores puedan simplemente tomar un conjunto de datos con miles de entradas y crear una visualización desde cero. Claro, es posible, pero ¿quién quiere pasar docenas o cientos de horas trazando puntos en un gráfico de dispersión? Ahí es donde entran las herramientas de visualización de datos.

¿Qué son las herramientas de visualización de datos?

Las herramientas de visualización de datos brindan a los diseñadores de visualización de datos una manera más fácil de crear representaciones visuales de grandes conjuntos de datos. Cuando se trata de conjuntos de datos que incluyen cientos de miles o millones de puntos de datos, la automatización del proceso de creación de una visualización, al menos en parte, facilita significativamente el trabajo del diseñador.

Estas visualizaciones de datos se pueden usar para una variedad de propósitos: tableros, informes anuales, materiales de ventas y marketing, presentaciones de diapositivas para inversionistas y prácticamente cualquier otra información que deba interpretarse de inmediato.

¿Qué tienen en común las mejores herramientas de visualización de datos?

Las mejores herramientas de visualización de datos del mercado tienen algunas cosas en común. La primera es su facilidad de uso. Hay algunas aplicaciones increíblemente complicadas disponibles para visualizar datos. Algunos tienen excelente documentación y tutoriales y están diseñados de manera intuitiva para el usuario. Otros carecen de esas áreas, eliminándolos de cualquier lista de las "mejores" herramientas, independientemente de sus otras capacidades.

Las mejores herramientas también pueden manejar grandes conjuntos de datos. De hecho, los mejores pueden incluso manejar múltiples conjuntos de datos en una sola visualización.

Las mejores herramientas también pueden generar una variedad de diferentes tipos de tablas, gráficos y mapas. La mayoría de las herramientas a continuación pueden generar tanto imágenes como gráficos interactivos. Sin embargo, hay excepciones a la variedad de criterios de salida. Algunas herramientas de visualización de datos se enfocan en un tipo específico de gráfico o mapa y lo hacen muy bien. Esas herramientas también tienen un lugar entre las "mejores" herramientas que existen.

Finalmente, hay consideraciones de costos. Si bien un precio más alto no necesariamente descalifica una herramienta, el precio más alto debe justificarse en términos de mejor soporte, mejores características y mejor valor general.

Comparación de herramientas de visualización de datos

Hay docenas, si no cientos, de aplicaciones, herramientas y scripts disponibles para crear visualizaciones de grandes conjuntos de datos. Muchos son muy básicos y tienen muchas funciones superpuestas.

Pero hay destacados que tienen más capacidad para los tipos de visualizaciones que pueden crear o son significativamente más fáciles de usar que las otras opciones disponibles.

Tableau (y Tableau Public)

Tableau tiene una variedad de opciones disponibles, que incluyen una aplicación de escritorio, servidor y versiones en línea alojadas, y una opción pública gratuita. Hay cientos de opciones de importación de datos disponibles, desde archivos CSV hasta datos de Google Ads y Analytics y datos de Salesforce.

Las opciones de salida incluyen múltiples formatos de gráficos, así como capacidad de mapeo. Eso significa que los diseñadores pueden crear mapas codificados por colores que muestran datos geográficamente importantes en un formato que es mucho más fácil de digerir de lo que podría ser una tabla o gráfico.

La versión pública de Tableau es de uso gratuito para cualquiera que busque una forma poderosa de crear visualizaciones de datos que se puedan usar en una variedad de configuraciones. Desde periodistas hasta adictos a la política y aquellos que solo quieren cuantificar los datos de sus propias vidas, hay toneladas de usos potenciales para Tableau Public. Cuentan con una extensa galería de infografías y visualizaciones que se han creado con la versión pública para que sirvan de inspiración a quienes estén interesados ​​en crear las suyas propias.

ventajas

• Cientos de opciones de importación de datos
• Capacidad de mapeo
• Versión pública gratuita disponible
• Gran cantidad de tutoriales en video que lo guiarán a través de cómo usar Tableau

Contras

• Las versiones que no son gratuitas son caras ($70/mes/usuario para el software Tableau Creator)
• La versión pública no le permite mantener privados los análisis de datos

Ejemplos de visualización de datos

Línea de fondo

Tableau es una excelente opción para aquellos que necesitan crear mapas además de otros tipos de gráficos. Tableau Public también es una excelente opción para cualquier persona que quiera crear visualizaciones públicas.

Infograma

Infogram es una herramienta de visualización de arrastrar y soltar con todas las funciones que permite incluso a los que no son diseñadores crear visualizaciones efectivas de datos para informes de marketing, infografías, publicaciones en redes sociales, mapas, tableros y más.

Las visualizaciones terminadas se pueden exportar a varios formatos: .PNG, .JPG, .GIF, .PDF y .HTML. Las visualizaciones interactivas también son posibles, perfectas para incrustar en sitios web o aplicaciones. Infogram también ofrece un complemento de WordPress que facilita aún más la incorporación de visualizaciones para los usuarios de WordPress.

ventajas

• Precios escalonados, incluido un plan gratuito con funciones básicas
• Incluye más de 35 tipos de gráficos y más de 550 tipos de mapas
• Editor de arrastrar y soltar
• API para importar fuentes de datos adicionales

Contras

• Significativamente menos fuentes de datos integradas que algunas otras aplicaciones

Ejemplos

Línea de fondo

Infogram es una excelente opción tanto para los que no son diseñadores como para los diseñadores. El editor de arrastrar y soltar facilita la creación de diseños de aspecto profesional sin mucha habilidad de diseño visual.

GráficoBloques

ChartBlocks afirma que los datos se pueden importar desde "cualquier lugar" utilizando su API, incluso desde fuentes en vivo. Si bien dicen que la importación de datos de cualquier fuente se puede hacer con "solo unos pocos clics", seguramente será más compleja que otras aplicaciones que tienen módulos o extensiones automatizados para fuentes de datos específicas.

La aplicación permite una amplia personalización de la visualización final creada, y el asistente de creación de gráficos ayuda a los usuarios a elegir exactamente los datos correctos para sus gráficos antes de importarlos.

Los diseñadores pueden crear prácticamente cualquier tipo de gráfico y el resultado es receptivo, una gran ventaja para los diseñadores de visualización de datos que desean incrustar gráficos en sitios web que probablemente se verán en una variedad de dispositivos.

ventajas

• Hay planes de pago gratuitos y a precios razonables disponibles
• Asistente fácil de usar para importar los datos necesarios

Contras

• No está claro qué tan robusta es su API
• No parece tener ninguna capacidad de mapeo

Ejemplos

Línea de fondo

ChartBlocks tiene un excelente plan gratuito, que es una gran ventaja. También destaca la facilidad de uso para crear tablas y gráficos básicos.

contenedor de datos

Datawrapper se creó específicamente para agregar gráficos y mapas a las noticias. Los gráficos y mapas creados son interactivos y están hechos para integrarse en sitios web de noticias. Sin embargo, sus fuentes de datos son limitadas y el método principal es copiar y pegar datos en la herramienta.

Una vez que se importan los datos, se pueden crear gráficos con un solo clic. Sus tipos de visualización incluyen gráficos de columnas, líneas y barras, anillos de elecciones, gráficos de áreas, diagramas de dispersión, mapas de símbolos y coropletas y mapas de localización, entre otros. Las visualizaciones terminadas recuerdan a las vistas en sitios como el New York Times o el Boston Globe. De hecho, sus gráficos son utilizados por publicaciones como Mother Jones, Fortune y The Times.

El plan gratuito es perfecto para incrustar gráficos en sitios más pequeños con tráfico limitado, pero los planes pagos son caros, desde $ 39 / mes.

ventajas

• Diseñado específicamente para la visualización de datos de redacción
• El plan gratuito es una buena opción para sitios más pequeños
• La herramienta incluye un verificador de daltonismo incorporado

Contras

• Fuentes de datos limitadas
• Los planes pagos son caros

Ejemplo

Línea de fondo

Datawrapper es una excelente opción para visualizaciones de datos para sitios de noticias. A pesar del precio, las características que incluye Datawrapper para la visualización de noticias específicas hacen que valga la pena.

D3.js

D3.js es una biblioteca de JavaScript para manipular documentos utilizando datos. D3.js requiere al menos algún conocimiento de JS, aunque existen aplicaciones que permiten a los usuarios que no programan utilizar la biblioteca.

Esas aplicaciones incluyen NVD3, que ofrece gráficos reutilizables para D3.js; Chart Studio de Plotly, que también permite a los diseñadores crear WebGL y otros gráficos; y Ember Charts, que también utiliza el marco Ember.js.

ventajas

• Muy potente y personalizable.
• Gran cantidad de tipos de gráficos posibles
• Un enfoque en los estándares web
• Herramientas disponibles para permitir que los no programadores creen visualizaciones
• Gratis y de código abierto

Contras

• Requiere conocimientos de programación para usar solo
• Menos soporte disponible que con herramientas pagas

Ejemplos

Línea de fondo

D3.js solo es adecuado para aquellos diseñadores que tienen acceso a la ayuda de un programador o que tienen conocimientos de programación.

Gráficos de Google

Google Charts es una poderosa herramienta de visualización de datos gratuita que es específicamente para crear gráficos interactivos para incrustar en línea. Funciona con datos dinámicos y las salidas se basan únicamente en HTML5 y SVG, por lo que funcionan en navegadores sin el uso de complementos adicionales. Las fuentes de datos incluyen Google Spreadsheets, Google Fusion Tables, Salesforce y otras bases de datos SQL.

Hay una variedad de tipos de gráficos, incluidos mapas, gráficos de dispersión, gráficos de columnas y barras, histogramas, gráficos de área, gráficos circulares, mapas de árbol, líneas de tiempo, indicadores y muchos otros. Estos gráficos se pueden personalizar por completo, a través de una simple edición de CSS.

ventajas

• Gratis
• Amplia variedad de formatos de gráficos disponibles
• Compatible con todos los navegadores ya que usa HTML5/SVG
• Funciona con datos dinámicos.

Contras

• Más allá de los tutoriales y el foro disponibles, hay soporte limitado

Ejemplos

Línea de fondo

Google Charts es una excelente opción si un diseñador se siente cómodo con la codificación y quiere una solución potente y gratuita. Ser capaz de usar cualquier base de datos SQL como fuente de datos también lo convierte en una buena opción para grandes conjuntos de datos.

FusionCharts

FusionCharts es otra opción basada en JavaScript para crear paneles web y móviles. Incluye más de 150 tipos de gráficos y 1000 tipos de mapas. Puede integrarse con marcos JS populares (incluidos React, jQuery, React, Ember y Angular), así como con lenguajes de programación del lado del servidor (incluidos PHP, Java, Django y Ruby on Rails).

FusionCharts proporciona un código listo para usar para todas las variaciones de gráficos y mapas, lo que facilita la integración en sitios web, incluso para aquellos diseñadores con conocimientos limitados de programación. Debido a que FusionCharts tiene como objetivo crear paneles en lugar de simples visualizaciones de datos, es una de las opciones más costosas incluidas en este artículo. Pero también es uno de los más poderosos.

ventajas

• Gran cantidad de opciones de formato de gráficos y mapas
• Más funciones que la mayoría de las otras herramientas de visualización
• Se integra con una serie de marcos y lenguajes de programación diferentes

Contras

• Caro (comienza en casi $ 500 por una licencia de desarrollador)
• Exceso para visualizaciones simples fuera de un entorno de tablero

Ejemplos

Línea de fondo

Para crear tableros, nada más en este artículo se compara realmente con FusionCharts. Si ese es el proyecto en cuestión, esta es sin duda la opción más poderosa.

Gráfico.js

Chart.js es una biblioteca de gráficos de JavaScript simple pero flexible. Es de código abierto, proporciona una buena variedad de tipos de gráficos (ocho en total) y permite la animación y la interacción.

Chart.js usa HTML5 Canvas para la salida, por lo que representa bien los gráficos en todos los navegadores modernos. Los gráficos creados también responden, por lo que es excelente para crear visualizaciones compatibles con dispositivos móviles.

ventajas

• Gratis y de código abierto
• Salida receptiva y compatible con varios navegadores

Contras

• Tipos de gráficos muy limitados en comparación con otras herramientas
• Soporte limitado fuera de la documentación oficial

Ejemplos

Línea de fondo

Chart.js es una buena opción para los diseñadores que necesitan una opción de visualización interactiva simple y personalizable. Sus puntos de venta más importantes son que es gratuito y de código abierto.

Grafana

Grafana es un software de visualización de código abierto que permite a los usuarios crear paneles dinámicos y otras visualizaciones. Admite fuentes de datos mixtas, anotaciones y funciones de alerta personalizables, y se puede ampliar a través de cientos de complementos disponibles. Eso lo convierte en una de las herramientas de visualización más poderosas disponibles.

Las funciones de exportación permiten a los diseñadores compartir instantáneas de los tableros e invitar a otros usuarios a colaborar. Grafana admite más de 50 fuentes de datos a través de complementos. Es gratis para descargar, o hay una versión alojada en la nube por $49/mes. (También hay una versión alojada gratuita muy limitada). La versión descargable también tiene planes de soporte disponibles, algo que muchas otras herramientas de código abierto no ofrecen.

ventajas

• Código abierto, con opciones gratuitas y de pago disponibles
• Gran selección de fuentes de datos disponibles
• Variedad de tipos de gráficos disponibles
• Simplifica la creación de tableros dinámicos
• Puede trabajar con feeds de datos mixtos

Contras

• Overkill para crear visualizaciones simples
• No ofrece tantas opciones de personalización visual como otras herramientas.
• No es la mejor opción para crear imágenes de visualización.
• No se pueden incrustar paneles en sitios web, aunque es posible para paneles individuales

Ejemplos

Línea de fondo

Grafana es una de las mejores opciones para crear cuadros de mando para uso interno, especialmente para fuentes de datos mixtas o grandes.

Chartist.js

Chartist.js es una biblioteca de JavaScript gratuita y de código abierto que permite crear gráficos receptivos simples que son altamente personalizables y compatibles con varios navegadores. Toda la biblioteca de JavaScript tiene solo 10 KB cuando está GZIP. Los gráficos creados con Chartist.js también se pueden animar y los complementos permiten ampliarlos.

ventajas

• Gratis y de código abierto
• Tamaño de archivo diminuto
• Los gráficos se pueden animar

Contras

• No es la selección más amplia de tipos de gráficos disponibles
• Sin capacidades de mapeo
• Soporte limitado fuera de la comunidad de desarrolladores

Ejemplos

Línea de fondo

Chartist.js es una buena opción para los diseñadores que desean gráficos receptivos simples, integrables y con un tamaño de archivo pequeño.

sigmajs

Sigmajs es una herramienta de visualización de un solo propósito para crear gráficos de red. Es altamente personalizable pero requiere algunos conocimientos básicos de JavaScript para poder usarlo. Los gráficos creados son integrables, interactivos y receptivos.

ventajas

• Altamente personalizable y extensible
• Gratis y de código abierto
• Fácil de incrustar gráficos en sitios web y aplicaciones

Contras

• Solo crea un tipo de visualización: gráficos de red
• Requiere conocimientos de JS para personalizar e implementar

Ejemplos

Línea de fondo

Debido a su enfoque único, Sigmajs es una excelente opción para crear gráficos de red siempre que el diseñador se sienta cómodo con JavaScript.

polimapas

Polymaps es una biblioteca de JavaScript dedicada para el mapeo. Los resultados son mapas dinámicos y receptivos en una variedad de estilos, desde superposiciones de imágenes hasta mapas de símbolos y mapas de densidad. Utiliza SVG para crear las imágenes, por lo que los diseñadores pueden usar CSS para personalizar las imágenes de sus mapas.

ventajas

• Gratis y de código abierto
• Construido específicamente para el mapeo
• Fácil de incrustar mapas en sitios web y aplicaciones

Contras

• Solo crea un tipo de visualización.
• Requiere algunos conocimientos de codificación para personalizar e implementar

Ejemplos

Línea de fondo

Polymaps es una buena opción si los mapas son el único tipo de visualización necesario, siempre que el diseñador se sienta cómodo con la codificación básica.

Conclusión

Existe una variedad tan grande de herramientas de visualización disponibles para los diseñadores que puede ser difícil decidir cuál usar. Los diseñadores de visualización de datos deben tener en cuenta cosas como la facilidad de uso y si una herramienta tiene las características que necesitan.

Seleccionar la herramienta más poderosa disponible no siempre es la mejor idea: las curvas de aprendizaje pueden ser empinadas, lo que requiere más recursos para comenzar a funcionar, mientras que una herramienta más simple podría crear exactamente lo que se necesita en una fracción del tiempo. Recuerde, sin embargo, que la herramienta es solo una parte de la ecuación en la creación de una visualización de datos; los diseñadores también deben considerar qué más se necesita para hacer una excelente visualización de datos.

La mayoría de las herramientas de visualización de datos incluyen pruebas gratuitas (si la herramienta completa no es gratuita), por lo que vale la pena tomarse el tiempo para probar algunas antes de decidirse por una única solución.

• • •

Lectura adicional en el blog de diseño de Toptal:

1. Visualización de datos: mejores prácticas y fundamentos
2. Inspírese con estas visualizaciones de datos
3. Diseño de tablero: consideraciones y mejores prácticas
4. Si no está utilizando datos UX, no es diseño UX
5. Fuerza en números: una descripción general del diseño basado en datos