JavaScript

3 librerías JavaScript para la visualización de datos

Una de las tareas clave a la hora de presentar datos es la visualización de datos. En JavaScript es existen numerosas librerías, tanto libre como comerciales, con las que se pueden llevar a cabo estas tareas. A continuación, para facilitar la selección de una se muestran tres de las más populares librerías libres de JavaScript para la visualización de datos.

Chart.js

Chart.js es una excelente solución para aquellos usuarios no necesitan muchos tipos de gráficos ni opciones de visualización. Pero aún así desean disponer de gráficos modernos y elegantes. Por lo que es una de las opciones más populares entre los diseñadores y desarrolladores web.

  • Dispone de 8 tipos de gráficos: línea, barra, araña o radar, tarta o donut, polar, burbujas, dispersión y área.
  • Todos los tipos de gráficos se pueden personalizar y animar.
  • Permite aumentar las funcionalidades mediante el uso de plugins.
  • El proyecto tiene una excelente documentación y ejemplos fáciles de seguir.
  • Funciona en navegadores antiguos como Internet Explorer 9.

Para conocer más acerca de Chart.js se puede acceder a la página web del proyecto, donde se pueden encontrar la documentación y ejemplos.

Chartist.js

Chartist.js es una pequeña librería que permite crear gráficos responsivos de una forma sencilla. A pesar de lo cual no tiene dependencias de terceras librerias. Por lo que es una opción excelente para aquellos usuarios que necesitan los gráficos básicos (línea, barra o tarta) y que no requieren mucho en términos de visualización de datos. Pudiendo conseguir unos gráficos visualmente agradables.

  • Dispone de 8 tipos de gráficos: línea, barra y tarta.
  • Permite aumentar las funcionalidades mediante el uso de plugins.
  • Dispone de una amplia documentación.
  • Utiliza SVG para representar los gráficos.
  • Funciona en navegadores antiguos como Internet Explorer 9.

Para conocer más acerca de Chartist.js se puede acceder a la página web del proyecto, donde se pueden encontrar la documentación y ejemplos.

D3.js

D3.js es una de librerías para la representación de datos más potentes que existen actualmente. Aunque más que una librería es un framework, siendo más complicada de manejar que las librerías vistas anteriormente. Algo que representa una barrera de entrada para una gran cantidad de usuarios. Aunque, debido a su gran popularidad y potencia, se pueden encontrar múltiples recursos y ejemplos de uso en la red. Una vez familiarizado con D3.js es posible conseguir grandes resultados que no se pueden obtener con otras.

  • Dispone de múltiples tipos de gráficos, algunos de los cuales no es fácil encontrar en otras librerías.
  • Combina potentes componentes de visualización y un enfoque basado en datos para la manipulación de DOM.
  • Fácil de depurar utilizando el inspector de elementos en el navegador.
  • Múltiples funciones para generar curvas.
  • Existe miles de ejemplos de uso en la red.

Para poder acceder de una manera más sencilla a la potencia de D3.js se han creado diferentes librerías basadas en ella para la creación de ciertas gráficas. Entre las que se puede destacar NVD3.

Para conocer más acerca de D3.js se puede acceder a la página web del proyecto, donde se pueden encontrar la documentación y ejemplos.

Conclusiones

En esta entrada se han visto tres librerías de JavaScript para la visualización de datos más populares en la actualidad. Se han escogido las tres porque son libres y permiten crear gráficos modernos.

Estas tres con un completo excelente para librerías para machine learning en JavaScript que se han visto anteriormente. Pudiendo utilizarlas para representar los datos de modelos y resultados.

Imágenes: Pixabay (rawpixel)

¿Te ha parecido de utilidad el contenido?

Daniel Rodríguez

Share
Published by
Daniel Rodríguez

Recent Posts

Curiosidad: Por qué la criptografía habla siempre de Alice y Bob

Quien se acerca a la criptografía descubre enseguida a dos personajes que aparecen en casi…

2 días ago

Desbalanceo de Clases en Credit Scoring: Por Qué Usamos Ponderación en lugar de Undersampling

En credit scoring el desbalanceo de clases es la norma, no la excepción. En una…

4 días ago

Curiosidad: El “bug”, la polilla y la leyenda de Grace Hopper

Cualquiera que programe usa la palabra bug a diario para referirse a un fallo en…

1 semana ago

BG/BB: el modelo de CLV para compras en períodos discretos

Los dos artículos anteriores de la serie cubrieron BG/NBD, el modelo para negocios donde el…

2 semanas ago

Por Qué las Contraseñas Largas son más Seguras que las Complejas

"Tu contraseña debe tener al menos 8 caracteres, una mayúscula, un número y un símbolo…

2 semanas ago

Gini, KS y AUC: Cómo Medir la Calidad de un Modelo de Credit Scoring

Cuando un analista de riesgo presenta un nuevo scorecard ante el comité de dirección, la…

3 semanas ago

This website uses cookies.