Articles

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

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

Crear visualizaciones de datos no suele ser sencillo. 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 que 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 en juego las herramientas de visualización de datos.

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

Las herramientas de visualización de datos proporcionan a los diseñadores de visualización de datos una forma más sencilla 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 de un diseñador.

Estas visualizaciones de datos pueden utilizarse para una gran variedad de propósitos: cuadros de mando, informes anuales, materiales de ventas y marketing, presentaciones de diapositivas para inversores y prácticamente cualquier otro lugar en el que se necesite interpretar la información de forma inmediata.

¿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 la visualización de datos. Algunas tienen una excelente documentación y tutoriales y están diseñadas de forma que resultan intuitivas para el usuario. Otras carecen de esas áreas, lo que las elimina de cualquier lista de «mejores» herramientas, independientemente de sus otras capacidades.

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

Las mejores herramientas también pueden dar salida a una serie de diferentes tipos de tablas, gráficos y mapas. La mayoría de las herramientas que aparecen a continuación pueden producir 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 centran 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.

Por último, hay consideraciones de costo. Mientras que un precio más alto no necesariamente descalifica una herramienta, el precio más alto tiene que ser justificado en términos de mejor soporte, mejores características y mejor valor general.

Ejemplo de visualización de datos
Esta visualización de datos muestra el índice de protección de los derechos humanos (desde 1950 hasta 2014) y el índice de violaciones de los derechos humanos (en 2014) para 50 países. (por Federica Fragapane)

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. Muchas son muy básicas y tienen un montón de características que se superponen.

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 que hay.

Tableau (y Tableau Public)

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

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

La versión pública de Tableau es de uso gratuito para cualquier persona que busque una forma potente de crear visualizaciones de datos que puedan utilizarse en una gran variedad de entornos. Desde periodistas hasta adictos a la política, pasando por aquellos que simplemente quieren cuantificar los datos de sus propias vidas, hay toneladas de usos potenciales para Tableau Public. Disponen de una extensa galería de infografías y visualizaciones que han sido creadas con la versión pública para que sirvan de inspiración a aquellos que estén interesados en crear las suyas propias.

Pros

  • Cientos de opciones de importación de datos
  • Capacidad de mapeo
  • Versión pública gratuita disponible
  • Muchos tutoriales en vídeo para guiarte en el uso de Tableau
    • Cons

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

        Las herramientas de visualización de datos pueden utilizarse para todo tipo de proyectos
        Una visualización de datos de las palabras únicas utilizadas por tres personajes centrales de la serie de libros Juego de Tronos.

        Ejemplos de visualización de datos: choques con alces en Maine
        Las visualizaciones de datos pueden hacer que los datos de seguridad pública sean más fáciles de digerir.

        Las herramientas de visualización de datos facilitan la creación de visualizaciones interactivas
        Una visualización interactiva de los actores más taquilleros de todos los tiempos.

        Finalidad

        Tableau es una gran opción para aquellos que necesitan crear mapas además de otros tipos de gráficos. Tableau Public también es una gran opción para cualquiera que quiera crear visualizaciones de cara al público.

        Infogram

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

        Las visualizaciones terminadas se pueden exportar a varios formatos: .PNG, .JPG, .GIF, .PDF y .HTML. También es posible realizar visualizaciones interactivas, perfectas para incrustarlas en sitios web o aplicaciones. Infogram también ofrece un plugin para WordPress que hace que la incrustación de visualizaciones sea aún más fácil para los usuarios de WordPress.

        Pros

        • Precios escalonados, incluyendo un plan gratuito con características 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
        • Contra

          • Significativamente menos construidoen las fuentes de datos que otras aplicaciones

          Ejemplos

          Métodos de visualización de datos
          Las visualizaciones pueden facilitar la comprensión de temas complejos.

          Marco de visualización de datos
          Los gráficos facilitan la comparación de datos, año a año.

          Técnicas de visualización de datos: mapeo
          Los mapas son una excelente manera de dar una imagen de los datos mundiales.

          Finalidad

          El infograma es una gran opción tanto para los no diseñadores como para los diseñadores. El editor de arrastrar y soltar hace que sea fácil crear diseños de aspecto profesional sin una gran habilidad de diseño visual.

          Se buscan diseñadores UX freelance a tiempo completo con sede en Estados Unidos

          ChartBlocks

          ChartBlocks afirma que los datos se pueden importar desde «cualquier lugar» utilizando su API, incluso desde feeds en vivo. Aunque dicen que la importación de datos desde cualquier fuente puede hacerse en «sólo unos pocos clics», seguro que es más complejo que otras apps que tienen módulos automatizados o extensiones para fuentes de datos específicas.

          La app permite una amplia personalización de la visualización final creada, y el asistente de construcción de gráficos ayuda a los usuarios a elegir exactamente los datos adecuados para sus gráficos antes de importar los datos.

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

          Pros

          • Se dispone de planes gratuitos y de pago a un precio razonable
          • Asistente fácil de usar para importar los datos necesarios
          • Cons

            • No está claro cómo de robusta es su API
            • No parece tener ninguna capacidad de mapeo

            Ejemplos

            Las herramientas de visualización de información facilitan la creación de gráficos
            Los gráficos apilados son una forma eficaz de comparar y contrastar datos.

            Fundamentos de la visualización de datos: Los gráficos simples pueden ser los más eficaces
            Los gráficos de dispersión son una forma sencilla de representar las tendencias de los datos.

            Mejores prácticas de visualización de datos: gráficos de líneas
            Los gráficos de líneas son eficaces para mostrar tendencias y comparaciones.

            Finalidad

            ChartBlocks tiene un excelente plan gratuito, lo cual es un gran punto a favor. La facilidad de uso para crear cuadros y gráficos básicos también es sobresaliente.

            Datawrapper

            Datawrapper fue creado específicamente para añadir cuadros y mapas a las noticias. Los gráficos y mapas creados son interactivos y están hechos para ser incrustados en sitios web de noticias. Sus fuentes de datos son limitadas, sin embargo, con el método principal de copiar y pegar los datos en la herramienta.

            Una vez importados los datos, los gráficos se pueden crear con un solo clic. Sus tipos de visualización incluyen gráficos de columnas, líneas y barras, donuts electorales, gráficos de áreas, gráficos de dispersión, mapas de coropletas y de símbolos, y mapas de localización, entre otros. Las visualizaciones terminadas recuerdan a las que se ven 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 de pago están en el lado caro, a partir de 39 dólares al mes.

            Pros

            • Diseñado específicamente para la visualización de datos de la sala de prensa
            • El plan gratuito es un buen ajuste para los sitios más pequeños
            • La herramienta incluye un built-inen el comprobador de daltonismo
            • Contra

              • Fuentes de datos limitadas
              • Los planes de pago son más caros
              • Ejemplo

                Buena visualización de datos: incluir múltiples representaciones de los datos
                Los gráficos de dispersión pueden mostrar una multitud de datos, especialmente cuando se codifican por colores para mostrar más puntos.

                En conclusión

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

                D3.js

                D3.js es una biblioteca de JavaScript para manipular documentos utilizando datos. D3.js requiere al menos algunos conocimientos de JS, aunque hay aplicaciones que permiten a los usuarios que no son programadores utilizar la biblioteca.

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

                Pros

                • Muy potente y personalizable
                • Enorme número de tipos de gráficos posibles
                • Un enfoque en los estándares web
                • Herramientas disponibles para que los noprogramadores crear visualizaciones
                • Gratis y de código abierto
                • Cons

                  • Requiere conocimientos de programación para utilizarlo solo
                  • .
                  • Menos soporte disponible que con las herramientas de pago
                  • Ejemplos

                    Ejemplos de visualización de datos: diagrama de acordes
                    Los diagramas de acordes muestran las relaciones entre grupos de entradas.

                    Ejemplos de visualización de datos: Mapas coropléticos
                    La visualización de datos geográficos se realiza mejor con mapas de datos.

                    Ejemplos de visualización de datos: mapas de voronoi
                    Los mapas de voronoi son una forma interesante de mostrar datos geográficos.

                    En resumen

                    D3.js sólo es adecuado para aquellos diseñadores que tengan acceso a un programador para que les ayude o que tengan conocimientos de programación ellos mismos.

                    Google Charts

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

                    Hay una gran variedad de tipos de gráficos, incluyendo mapas, gráficos de dispersión, gráficos de columnas y barras, histogramas, gráficos de áreas, gráficos circulares, treemaps, líneas de tiempo, indicadores y muchos otros. Estos gráficos se pueden personalizar completamente, a través de una simple edición de CSS.

                    Pros

                    • Gratis
                    • Amplia variedad de formatos de gráficos disponibles
                    • Compatible con todos los navegadores ya que utiliza HTML5/SVG
                    • Trabaja con datos dinámicos
                    • Cons

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

                      Ejemplos

                      Herramientas de visualización de datos: Google Charts
                      Los gráficos combinados muestran tendencias y comparaciones.

                      Métodos de visualización de datos: geocharts
                      Los geocharts son sólo un método de visualización de datos con Google Charts.

                      Mejores prácticas de visualización de datos: anotaciones
                      Las anotaciones facilitan la comprensión de los gráficos.

                      Finalidad

                      Google Charts es una gran opción si un diseñador se siente algo cómodo con la codificación y quiere una solución potente y gratuita. Ser capaz de utilizar cualquier base de datos SQL como fuente de datos hace que sea una buena opción para grandes conjuntos de datos, también.

                      FusionCharts

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

                      FusionCharts ofrece código listo para usar para todas las variaciones de gráficos y mapas, lo que facilita la incrustación en sitios web incluso para aquellos diseñadores con conocimientos limitados de programación. Debido a que FusionCharts está orientado a la creación de cuadros de mando en lugar de simples visualizaciones de datos, es una de las opciones más caras incluidas en este artículo. Pero también es una de las más potentes.

                      Pros

                      • Enorme número de opciones de formato de gráficos y mapas
                      • Más características que la mayoría de las otras herramientas de visualización
                      • Se integra con un número de diferentes frameworks y lenguajes de programación
                      • Cons

                        • Caro (comienza en casi $ 500 para una licencia de desarrollador)
                        • Excesivo para visualizaciones sencillas fuera de un entorno de cuadro de mando
                        • Ejemplos

                          Cuadro de mando de visualización de datos
                          FusionCharts está diseñado para crear cuadros de mando de visualización de datos.

                          Los cuadros de mando son una forma sencilla de mostrar múltiples visualizaciones de datos una al lado de la otra
                          Los cuadros de mando pueden mostrar numerosas visualizaciones de datos una al lado de la otra.

                          Los paneles de visualización de datos son excelentes para los usos de las operaciones empresariales
                          La gestión de las operaciones empresariales se realiza mejor con los paneles de visualización de datos.

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

                          Chart.js

                          Chart.js es una librería de gráficos en JavaScript sencilla 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 utiliza HTML5 Canvas para la salida, por lo que renderiza los gráficos bien en todos los navegadores modernos. Los gráficos creados también son responsivos, por lo que es genial para crear visualizaciones que sean amigables con los móviles.

                          Pros

                          • Gratis y de código abierto
                          • Responsive y cross-navegador
                          • Contra

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

                              Técnicas de visualización de datos: gráficos de burbujas interactivos
                              Los gráficos de burbujas pueden mostrar numerosos puntos de datos simultáneamente.

                              Técnicas de visualización de datos: gráficos de líneas de varios ejes
                              Los gráficos de líneas de varios ejes son mejores cuando están anotados (este utiliza información sobre herramientas al pasar el ratón por encima de los puntos de las líneas).

                              Métodos de visualización de datos: gráficos de líneas de áreas apiladas
                              Los gráficos de líneas de áreas apiladas son visualmente impactantes.

                              Finalidad

                              Chart.js es una buena opción para los diseñadores que necesitan una opción de visualización sencilla, personalizable e interactiva. Sus mayores puntos de venta 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 cuadros de mando dinámicos y otras visualizaciones. Admite fuentes de datos mixtas, anotaciones y funciones de alerta personalizables, y puede ampliarse mediante cientos de plugins disponibles. Esto la convierte en una de las herramientas de visualización más potentes disponibles.

                              Las funciones de exportación permiten a los diseñadores compartir instantáneas de los cuadros de mando, así como invitar a otros usuarios a colaborar. Grafana soporta más de 50 fuentes de datos a través de plugins. Su descarga es gratuita, o existe una versión alojada en la nube por 49 dólares al 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.

                              Pros

                              • 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
                              • Hace que la creación de cuadros de mando dinámicos sea sencilla
                              • Puede trabajar con fuentes de datos mixtas
                              • Contra

                                • Excesivo para crear visualizaciones sencillas
                                • 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 es capaz de incrustar cuadros de mando en sitios web, aunque es posible para paneles individuales
                                • Ejemplos

                                  Paneles de visualización de datos
                                  Grafana es una potente herramienta de paneles de visualización de datos.

                                  Panel de visualización de datos

                                  Panel de visualización de datos

                                  Bajo el punto de vista

                                  Grafana es una de las mejores opciones para crear paneles de control para uso interno, especialmente para fuentes de datos mixtas o de gran tamaño.

                                  Chartist.js

                                  Chartist.js es una librería JavaScript gratuita y de código abierto que permite crear sencillos gráficos responsivos altamente personalizables y compatibles con todos los navegadores. Toda la librería de JavaScript ocupa sólo 10KB cuando está comprimida en GZIP. Los gráficos creados con Chartist.js también pueden ser animados, y los plugins permiten ampliarlos.

                                  Pros

                                  • Gratis y de código abierto
                                  • Diminuto tamaño de archivo
                                  • Los gráficos pueden ser animados
                                  • Cons

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

                                      Fundamentos de la visualización de datos: Lo complejo no es
                                      Chartist.js ofrece una serie de tipos de gráficos básicos.

                                      Finalidad

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

                                      Sigmajs

                                      Sigmajs es una herramienta de visualización de propósito único para crear gráficos de red. Es altamente personalizable pero requiere algunos conocimientos básicos de JavaScript para poder utilizarla. Los gráficos creados son incrustables, interactivos y responsivos.

                                      Pros

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

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

                                          Métodos de visualización de datos: gráfico de red
                                          Sigmajs crea gráficos de red exclusivamente.

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

                                          Polymaps

                                          Polymaps es una biblioteca JavaScript dedicada a la creación de mapas. 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 utilizar CSS para personalizar los visuales de sus mapas.

                                          Pros

                                          • Gratis y de código abierto
                                          • Construido específicamente para la cartografía
                                          • Fácil de incrustar mapas en sitios web y aplicaciones
                                          • Cons

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

                                                Buena visualización de datos
                                                En este caso, los datos representados son un conjunto de fotos del Observatorio de la Tierra de la NASA.

                                                Herramientas de visualización de información: Polymaps
                                                Una representación de las fotos geoetiquetadas de Flickr.

                                                Finalidad

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

                                                Conclusión

                                                Hay 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 potente disponible no es siempre la mejor idea: Las curvas de aprendizaje pueden ser empinadas, requiriendo más recursos para simplemente ponerse en marcha, mientras que una herramienta más simple podría ser capaz de crear exactamente lo que se necesita en una fracción del tiempo. Recuerda, sin embargo, que la herramienta es sólo una parte de la ecuación en la creación de una visualización de datos; los diseñadores también tienen que tener en cuenta lo que hace falta para hacer una gran 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.

Dejar una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *