Capítulo 5. Generadores, Componentes, Trazados: Dibujar curvas y formas
Este trabajo se ha traducido utilizando IA. Agradecemos tus opiniones y comentarios: translation-feedback@oreilly.com
En este capítulo, exploraremos algunos bloques de construcción gráficos básicos proporcionados por D3. En los capítulos anteriores (Capítulos 3 y 4), aprendimos cómo D3 manipula el árbol DOM para representar información visualmente, pero no nos centramos realmente en los objetos gráficos. Éstos serán el tema del presente capítulo. Esto también nos dará la oportunidad de comprender cómo están estructuradas las diferentes facilidades de D3 y cómo trabajan juntas. También aprenderemos mecanismos para organizar nuestro propio código para mayor comodidad y reutilización.
Generadores, componentes y diseños
SVG sólo proporciona un pequeño conjunto de formas geométricas incorporadas (como círculos, rectángulos y líneas; véase el Apéndice B). Cualquier otra cosa tiene que construirse laboriosamente (y de forma bastante penosa) a partir de esas formas básicas o utilizando el elemento <path> y su lenguaje de comandos gráficos de tortuga. ¿Cómo ayuda D3 en esto?
Conviene recordar que D3 es una biblioteca JavaScript para manipular el árbol DOM, no un paquete gráfico. No pinta píxeles, opera sobre elementos del DOM. Por tanto, no debería sorprender que la forma en que D3 facilita las operaciones gráficas sea organizando y agilizando la forma en que se manejan los elementos del DOM.
Para producir figuras ...
Get D3 para impacientes now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.
