
D3.js in Action
Elijah Meeks
- Editorial
- Manning
- Año
- 2015
- Páginas
- ~352
- Nivel
- Básico
De qué trata
Primera edición del tutorial práctico de Elijah Meeks, que fue ingeniero de visualización de datos en Stanford y Netflix. Enseña a crear gráficos interactivos y aplicaciones basadas en datos con D3.js, en la época de la versión 3 de la librería. Está pensado para desarrolladores y analistas que ya saben lo básico de HTML, CSS y JavaScript. No hace falta experiencia previa con D3 ni con SVG.
El libro empieza por los fundamentos: selecciones, enlace de datos (data binding), carga y preparación de datos, escalas, ejes y componentes de gráficos sobre SVG. Después repasa a fondo los layouts que trae D3, como histogramas, pastel, apilados y jerarquías. Tiene un capítulo dedicado a la visualización de redes, con matrices de adyacencia, diagramas de arco y el layout force-directed para añadir y quitar nodos y aristas en vivo. También trata los mapas y la información geoespacial, la animación y las transiciones, y los datos dinámicos, incluidos los que llegan en streaming por la web.
Los últimos capítulos usan el modelo de interacción de D3 para armar una aplicación web completa basada en datos. Ahí se ve cómo combinar varios gráficos coordinados y cómo escribir layouts y componentes reutilizables propios. Su valor está en explicar el modelo mental de D3 y la variedad de tipos de visualización. Ojo: el código está escrito para D3 v3. Desde la v4 cambió la API (módulos, nombres de escalas y layouts) y desde la v5 la carga de datos usa Promises, así que muchos ejemplos no funcionan sin adaptarlos. Para trabajar con versiones actuales conviene pasar a las ediciones posteriores.
- D3.js v3
- SVG
- Data binding
- Escalas y ejes
- Layouts
- Visualización de redes
- Force-directed
- Mapas geoespaciales
- Transiciones
- Datos dinámicos
- Aplicaciones interactivas
¿Cómo enseña?
Teoría + práctica
- ✗ Sin ejercicios
- ✓ Incluye proyectos
Proyectos
Aplicación web interactiva basada en datos
En los capítulos finales se construye una aplicación completa con D3.js que combina varias visualizaciones coordinadas e interactivas, apoyada en el modelo de interacción de la librería y en componentes reutilizables.

