Capítulo 16. Construir una visualización
Este trabajo se ha traducido utilizando IA. Agradecemos tus opiniones y comentarios: translation-feedback@oreilly.com
En el Capítulo 15, utilizamos los resultados de nuestra exploración con pandas del conjunto de datos de los Premios Nobel (ver Capítulo 11) para imaginar una visualización. La Figura 16-1 muestra la visualización que imaginamos, y en este capítulo veremos cómo construirla, aprovechando la potencia de JavaScript y D3.
Figura 16-1. Nuestro objetivo, la visualización de un Premio Nobel
Mostraré cómo los elementos visuales que hemos concebido se combinan para transformar nuestro conjunto de datos Nobel recién limpiado y procesado en una visualización web interactiva, desplegable en miles de millones de dispositivos con sólo pulsar un interruptor. Pero antes de entrar en detalles, echemos un vistazo a los componentes básicos de una visualización web moderna.
Preliminares
Antes de empezar a construir la visualización Nobel, consideremos los componentes básicos que se utilizarán y cómo organizaremos nuestros archivos.
Componentes básicos
Como vimos en "Una página básica con marcadores de posición", construir una visualización web moderna requiere cuatro componentes clave:
-
Un esqueleto HTML sobre el que colgar nuestra creación JavaScript
-
Uno o varios archivos CSS para regular el aspecto del dataviz
-
Los archivos JavaScript ...