Visualización de datos con D3.js

¿Qué es D3.js?

D3.js (Data-Driven Documents) es una librería javascript para la manipulación de documentos basados en datos. Por lo tanto, los datos se presentan en gráficas estáticas o interactivas utilizando el DOM y gráficas SVG. De esta forma, se podrán generar dinámicamente las gráficas porque son capaces de responder a los cambios de nuestros datos y pueden actualizarse de una manera muy rápida y transparente.  

Además, es una de las librerías más populares que nos permite realizar visualizaciones de datos utilizando los estándares web HTML5, SVG y CSS. El uso de estos estándares permite que funcione en cualquier navegador. También se puede combinar con otras librerías como Angular, Ember, React, Vue.js, etc.

Ventajas

La librería D3.js nos ofrecen varias funciones que ya están integrada como:

  • Trabajar con arreglos
  • Crear elementos SVG (formas, líneas, axes)
  • Crear escalas
  • Animaciones
  • Transiciones

¿Cómo instalarlo?

Puedes descargar la librería D3.js usando los diferentes package managers como NPM y Bower. También puedes ingresar a la web oficial o al repositorio para descargarlo. Otra forma de usar la librería es añadir el enlace directamente al proyecto:

https://d3js.org/d3.v4.min.js

Aquí podrá ver algunos ejemplos y el uso de la librería:

Ejemplo 1

Ejemplo 2

Ejemplo 3

Webinar

Los invitamos este 29 de noviembre al webinar de visualización de datos con D3.js dictado por Ricardo Omaña de IMPACTO TECNOLÓGICO pueden inscribirse en el siguiente enlace:

https://www.meetup.com/es-ES/DevAcademyES/events/241272323/

Se trata de una charla de 1 hora de duración. No hace falta ningún conocimiento previo de D3, se explicara los conceptos básicos, funcionalidad y varios ejemplos utilizando la librería 3D.js. La idea es poder enseñar a utilizar la librería a las personas que no la conocen como también a aquellas que ya la conocen y quieren profundizar en el tema.

¡Los esperamos!

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión /  Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión /  Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión /  Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión /  Cambiar )

w

Conectando a %s