wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

Visualización T4

Total questions: 10

Worksheet time: 5mins

Name
Class
Date
1.

¿Qué significa el concepto chaining en D3?

a)

Las funciones se pueden concatenar una detrás de la otra reparándolas con un punto.

b)

Las funciones dependen unas de otras, y sólo puedes llamarlas de una manera seguida.

c)

Ninguna de las dos

2.

Cuando aplicamos la función d3.select(rows[0][1].attr("class","table-row-odd"), aplicamos la clase a los elementos:

a)

tr, se aplica a los atributos tr, es decir filas.

b)

td

3.

Si ejecutamos la sentencia d3.select("p#target").text("Añadiendo texto");

a)

Seleccionamos el elemento p con identificador target en el HTML y añadimos el texto indicado entre comillas.

b)

Seleccionamos el elemento p con identificador target en el HTML y reemplazábamos el texto existente con el indicado entre comillas. (se Reemplaza, no se añade)

c)

Ninguna de las dos.

4.

Si ejecutamos la sentencia d3.select("body").append("p").text("Párrafo nuevo"):

a)

Seleccionamos el elemento body del HTML, añadimos un elemento p y le asignamos el texto entre comillas. ( Utilizamos la función append, no select ).

b)

Seleccionamos el elemento p del HTML, con identificador body y le asignamos el texto entre comillas.

c)

Ninguna de las dos.

5.

Con D3, ¿podemos modificar las clases CSS de los elementos HTML?

a)

Sí , ( Con D3 podemos modificar los atributos de los elementos HTML )

b)

No

6.

Con D3, ¿podemos modificar el estilo de un elemento HTML como, por ejemplo, el tamaño de la fuente, con una sentencia así d3.select("p#target").style("font-size","40px")?

a)

b)

No

7.

¿Qué hace la siguiente sentencia? d3.selectAll("div").attr("class","red box");

a)

Devuelve todos los elementos div del HTML con el atributo clase que contenga red box.

b)

Asigna a todos los elementos del div del HTML la clase red box.

c)

Ninguna de las anteriores.

8.

¿Qué hace la siguiente sentencia? each(function (d, i) { d3.select(this).append("h1").text(i); })

a)

itera por todos los elementos d y les añade un elemento h1 con el texto i, donde i es el contador de la iteración.

b)

Itera por todos los elementos i, y les añade un elemento h1 con el texto i, donde i es el texto que el elemento HTML contiene.

c)

Ninguna de las anteriores.

9.

¿Qué hace la sentencia d3.select("p#target").text()?

a)

Le asigna vacío al elemento p con identificador target.

b)

Devuelve el contenido del elemento p con identificador target. (Nos puede ser muy útil para, en lugar de reemplazar texto, añadir texto).

c)

Ninguna de las anteriores.

10.

¿Obtendremos los mismos si hacemos d3.select("body").append("p").text("Párrafo nuevo"); que si hacemos lo siguiente?

var body = d3.select("body");

var p = body.append("p");

p.text("New paragraph!");

a)

Si

b)

No