<sectionid="description"> D3 tiene varios métodos que le permiten agregar y cambiar elementos en su documento. El método <code>select()</code> selecciona un elemento del documento. Toma un argumento para el nombre del elemento que desea y devuelve un nodo HTML para el primer elemento del documento que coincide con el nombre. Aquí hay un ejemplo: <code>const anchor = d3.select("a");</code> El ejemplo anterior encuentra la primera etiqueta de anclaje en la página y guarda un nodo HTML para ella en el <code>anchor</code> la variable. Puede utilizar la selección con otros métodos. La parte "d3" del ejemplo es una referencia al objeto D3, que es cómo acceder a los métodos D3. Otros dos métodos útiles son <code>append()</code> y <code>text()</code> . El método <code>append()</code> toma un argumento para el elemento que desea agregar al documento. Agrega un nodo HTML a un elemento seleccionado y devuelve un identificador a ese nodo. El método <code>text()</code> establece el texto del nodo seleccionado o obtiene el texto actual. Para establecer el valor, se pasa una cadena como un argumento dentro de los paréntesis del método. Aquí hay un ejemplo que selecciona una lista desordenada, agrega un elemento de lista y agrega texto: <blockquote> d3.seleccionar ("ul") <br> .append ("li") <br> .text ("Elemento muy importante"); </blockquote> D3 le permite encadenar varios métodos junto con puntos para realizar varias acciones seguidas. </section>
<sectionid="instructions"> Utilice el <code>select</code> método para seleccionar el <code>body</code> la etiqueta en el documento. Luego, <code>append</code> una etiqueta <code>h1</code> y agregue el texto "Aprendizaje D3" en el elemento <code>h1</code> . </section>