D3 es una librería escrita en Javascript para crear visualizaciones basadas en datos.
D3 es la abreviatura de «Data-Driven Documents», documentos interconectados a datos.
Su primer autor es Mike Bostock, y es completamente OpenSource. La fuente está disponible en GitHub.
Funcionalidades de D3
- Cargar datos en la memoria del navegador.
- Enlazar los datos a elementos del documento, creando tantos elementos nuevos como hagan falta para representar todos los datos
- Transformar dichos elementos en función del dato enlazado, modificando sus propiedades visuales
- Modificar los elementos entre distintos estados en función de las entradas recibidas del usuario.
La función más importante es la de transformación. D3 proporciona una estructura para aplicar esta transformación, aunque es el programador en última instancia el que controla el alcance de dicha transformación (apariencia, colorido, etc).
Hola mundo en D3
<!DOCTYPE html> <html> <head> <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js"> </script> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>Incluyendo la librería D3</title> </head> <body> Hola mundo! </body> </html>
En esta página Web, se ha incluido la referencia a la librería D3 en Internet. También podemos descargarla desde la página https://d3js.org/ o directamente desde el enlace D3.zip