D3 significa documentos basados en datos. Es una biblioteca JavaScript de código abierto desarrollada por Mike Bostock para crear visualizaciones de datos interactivas personalizadas en el navegador web utilizando SVG, HTML y CSS.
con la enorme cantidad de datos que se generan hoy en día, comunicar esta información es cada vez más difícil. Las representaciones visuales de datos son el medio más eficaz de transmitir información significativa y D3 proporciona una gran facilidad y flexibilidad para crear estas visualizaciones de datos. Es dinámico, intuitivo y requiere un mínimo esfuerzo.,
es similar a Protovis en concepto, pero mientras Protovis se utiliza para visualizaciones estáticas, D3 se centra más en las interacciones, transiciones y transformaciones.
Sitio Web Oficial: d3js.org
código fuente de D3: https://github.com/d3/d3
características de D3
- Utiliza estándares Web: D3 es una herramienta de visualización extremadamente poderosa para crear visualizaciones de datos interactivas. Explota los estándares web modernos: SVG, HTML y CSS para crear visualización de datos.
- Data Driven: D3 es data driven., Puede usar datos estáticos o buscarlos desde el servidor remoto en diferentes formatos, como matrices,objetos, CSV, JSON, XML, etc. para crear diferentes tipos de gráficos.
- Manipulación del DOM: D3 le permite manipular el modelo de objetos de documento (DOM) en función de sus datos.
- Data Driven Elements: permite a sus datos generar elementos dinámicamente y aplicar estilos a los elementos, ya sea una tabla, un gráfico o cualquier otro elemento HTML y/o grupo de elementos.
- propiedades dinámicas: D3 da la flexibilidad para proporcionar propiedades dinámicas a la mayoría de sus funciones., Las propiedades se pueden especificar como funciones de datos. Eso significa que sus datos pueden impulsar sus estilos y atributos.
- Tipos de visualización: con D3, no hay formatos de visualización estándar. Pero le permite crear cualquier cosa, desde una tabla HTML hasta un gráfico circular, desde gráficos y gráficos de barras hasta mapas geoespaciales.
- visualizaciones personalizadas: dado que D3 funciona con estándares web, le brinda un control completo sobre sus funciones de visualización.
- Transitions: D3 proporciona la función transition ()., Esto es bastante poderoso porque internamente, D3 resuelve la lógica para interpolar entre sus valores y encontrar los Estados intermitentes.
- Interacción y animación: D3 proporciona un gran soporte para la animación con funciones como duration (), delay () y ease (). Las animaciones de un estado a otro son rápidas y responden a las interacciones del usuario.
Ventajas de D3
- D3.js es una biblioteca Javascript. Por lo tanto, se puede utilizar con cualquier marco JS de su elección como Angular.JS, reacciona.js o Ember.js.,
- D3 se centra en los datos, por lo que es la herramienta más adecuada y especializada para visualizaciones de datos.
- D3 es de código abierto. Para que pueda trabajar con el código fuente y agregar sus propias características.
- funciona con estándares web por lo que no necesita ninguna otra tecnología o complemento que no sea un navegador para hacer uso de D3.
- D3 funciona con estándares web como HTML, CSS y SVG, no se requiere ninguna nueva herramienta de aprendizaje o depuración para trabajar en D3.
- D3 no proporciona ninguna característica específica, por lo que le brinda un control completo sobre su visualización para personalizarla de la manera que desee., Esto le da una ventaja sobre otras herramientas populares como Tableau o QlikView.
- dado que D3 es ligero y funciona directamente con estándares web, es extremadamente rápido y funciona bien con grandes conjuntos de datos.,li>
The Power of D3: Few Visualization Examples
Bar Chart
Bubble Chart
Circle Packing
Stream Graph
Visit D3 Gallery for more visualization examples.,
Deja una respuesta