Building Responsive Data Visualization for the Web

Libro de Bill Hinderman, publicado por Wiley a finales de 2015, que une dos disciplinas: el diseño web adaptable (responsive) y la visualización de datos. En el momento de su publicación, el autor era jefe de diseño en Starbase Go. Está pensado para diseñadores y desarrolladores front-end, y para sus equipos, que quieren incorporar el diseño responsive a su flujo de trabajo y lograr que sus gráficos funcionen igual de bien en móvil que en escritorio. Requiere conocimientos básicos de HTML, CSS y JavaScript. Usa D3.js en su versión 3.x, la vigente entonces.

Se organiza en tres partes. La primera construye la base del web adaptable: la web móvil, los principios del diseño responsive, las cuadrículas flexibles, el diseño de layouts con CSS (media queries) y la mejora progresiva con JavaScript. La segunda aplica todo eso a la visualización: una breve historia del diseño de datos, los principios de la visualización responsive, el enfoque «pensar en pequeño» (mobile first), la dependencia de recursos y su carga, la visualización generada por código con manipulación de documentos guiada por datos con D3.js y la creación de una web preparada para el futuro. La tercera parte reúne recursos adicionales.

Cada capítulo incluye ejemplos, ejercicios y código fuente, de modo que el lector practica adaptando gráficos y páginas a distintos tamaños de pantalla. Su aporte está en el enfoque de diseño: enseña a pensar la visualización desde la restricción del móvil, no solo a programarla. No es un manual a fondo de D3: la librería aparece como herramienta dentro de un método más amplio. Además, parte de las técnicas (soporte de navegadores, D3 v3) han quedado algo anticuadas frente a CSS Grid, los contenedores SVG con viewBox y las versiones modernas de D3.