D3.js
| ||||||||||||||||||
D3.js es una biblioteca de JavaScript para manipular documentos basados en datos. D3 le ayuda a dar vida a los datos mediante HTML, SVG y CSS. El énfasis de D3 en los estándares web le brinda todas las capacidades de los navegadores modernos sin atarse a un marco propietario, combinando poderosos componentes de visualización y un enfoque basado en datos para la manipulación de DOM..
Introducción
D3.js le permite vincular datos arbitrarios a un Modelo de objetos de documento (DOM) y luego aplicar transformaciones basadas en datos al documento. Por ejemplo, puede usar D3.js para generar una tabla HTML a partir de una matriz de números. O, use los mismos datos para crear un gráfico de barras SVG interactivo con transiciones e interacción suaves.
D3.js no es un marco monolítico que busca proporcionar todas las características concebibles. En cambio, D3 resuelve el quid del problema: la manipulación eficiente de documentos basados en datos. Esto evita la representación propietaria y ofrece una flexibilidad extraordinaria, exponiendo todas las capacidades de los estándares web como HTML, SVG y CSS. Con una sobrecarga mínima, D3 es extremadamente rápido y admite grandes conjuntos de datos y comportamientos dinámicos para la interacción y la animación. El estilo funcional de D3 permite la reutilización del código a través de una colección diversa de módulos oficiales y desarrollados por la comunidad.
Características
D3.js utiliza un estilo funcional que le permite reutilizar códigos anteriores y agregar funciones más específicas al contenido del nucleo. Esto da como resultado visualizaciones de datos muy poderosas.
En comparación con otras bibliotecas de JavaScript, D3.js es altamente flexible y está diseñado para funcionar a la perfección con las tecnologías web existentes y puede controlar cualquier aspecto del modelo de objeto de documento. Es tan versátil como la gran mayoría de tecnología web del lado del cliente (HTML, CSS, SVG).
La comunidad también es otra cosa que hace que D3.js sea atractivo. D3 ha sido bifurcado más de 9,000 veces en Github. Eso significa que otros desarrolladores también están trabajando continuamente para mejorar y extender D3.js.
Pero quizás lo que hace que D3.js sea realmente la elección de muchos profesionales de visualización de datos es que hay tantos ejemplos en la web. Una simple búsqueda proporcionará cientos de ejemplos de D3.js que brindan a los usuarios una gran cantidad de conocimientos que les permiten aprender y usar D3.js para su propio propósito.
Entre sus características fundamentales están:
- Enfoque declarativo para la manipulación de nodos individuales
- Funciones para usos comunes
- Estándares web
- Inspector de elementos incorporado para depurar
- Utiliza SVG, Canvas y HTML
- Enfoque basado en datos para la manipulación de DOM
- Mapas
- Funciones generadoras de curvas.
Plugins
Para extender las funcionalidades de D3.js existen una gran cantidad de plugin. A continuacin se destacan algunos de ellos:
- d3/d3-geo-projection : para proyecciones geográficas ampliadas.
- emeeks/d3-bboxCollide: para detección de colisión de caja delimitadora.
- etiennecrb/d3-xyzoom: para usar escala de zoom independiente en los ejes X e Y.
- pbeshai/d3-interpolate-path: para interpolación suave entre rutas arbitrarias.
- pbeshai/d3-scale-interactive: GUI para editar escalas.
- susielu/d3-legend: leyendas reutilizables.
- madams1/d3-summary-tiles: Visualizando datos resumidos con mosaicos de colores.
- jkutianski/d3-templating: para admitir motores de plantillas en D3.
