D3 para impacientes

Capítulo 3. El quid de la cuestión: Seleccionar y encuadernar

Este trabajo se ha traducido utilizando IA. Agradecemos tus opiniones y comentarios: [e-mail]

D3 es una biblioteca JavaScript para manipular el árbol DOM con el fin de representar información visualmente. Esto la diferencia de otras bibliotecas gráficas o de trazado: una biblioteca gráfica convencional opera sobre un "lienzo" y coloca líneas, círculos y otros objetos gráficos directamente sobre este lienzo. Pero como D3 utiliza el árbol DOM para mostrar la información, debe proporcionar capacidades para operar en el árbol DOM, además de la gestión habitual de formas, coordenadas, colores, etc. En concreto, debe permitir al usuario:

1. Especifica en qué parte del árbol DOM debe producirse un cambio y qué elementos se verán afectados; el usuario debe poder seleccionar un nodo (o conjunto de nodos).

2. Asociar registros individuales del conjunto de datos con elementos o nodos específicos del árbol DOM; permitir al usuario vincular o unir un conjunto de datos a una selección de nodos.

3. Cambia el tamaño, la posición y el aspecto de los elementos DOM en función de los valores de los datos asociados a ellos.

El primer y el último punto de esta lista son actividades habituales en el desarrollo web contemporáneo, y los usuarios familiarizados con la biblioteca jQuery, por ejemplo, deberían sentirse como en casa. (Pero sino estás familiarizado con jQuery y el particular estilo de programación popularizado ...