Fundamentos técnicos

Este capítulo abarca las tecnologías web estándar fundamentales utilizadas por D3: SVG, JavaScript (ES 2015), HTML Canvas y formatos de datos estándar como JSON y CSV. Su propósito es servir de referencia general sobre estos temas.

La mayoría de las visualizaciones de datos creadas con D3.js generan gráficos SVG. Un buen conocimiento de SVG es importante para aprovechar al máximo D3, pero solo se necesitan los conceptos básicos. Basta con saber cómo crear formas simples como rectángulos, círculos y líneas, y sus atributos y estilos. También es útil comprender cómo aplicar transformaciones, como trasladar, escalar y rotar. Este capítulo incluye un repaso rápido de SVG que cubre estos temas esenciales y algunos más, ya que cuanto más conozca SVG, más recursos gráficos tendrá para crear visualizaciones de datos con D3.

Todos los ejemplos de código de este libro utilizan JavaScript ES 2015 (ES6). Se recomienda tener conocimientos prácticos de al menos JavaScript ES5 para poder seguir los ejemplos de código. Este capítulo ofrece una breve descripción de las principales características de ES6 utilizadas en el código, así como un breve repaso de las estructuras utilizadas para almacenar datos en JavaScript, como cadenas, objetos, arrays, mapas, conjuntos y funciones, incluyendo una lista de los métodos para manipular cadenas y arrays.

D3 utiliza SVG para generar la mayoría de los gráficos, pero también puede generarlos en contextos Canvas. Esto se suele usar para optimizar el rendimiento, pero también sirve como puente para la integración con otros contextos como WebGL. Este capítulo contiene una breve referencia de los principales métodos disponibles en el contexto Canvas 2D y una versión Canvas de los ejemplos mostrados previamente en SVG.

Esquema de este capítulo:

• Introducción a SVG
• Estructuras de datos esenciales de JavaScript
• HTML Canvas
• Formatos de datos