El gráfico de barras y dispersión traza los datos trazados directamente en el lienzo de SVG. Sin embargo, si la altura de una barra o uno de los puntos de datos fuera mayor que los valores de altura o anchura de SVG, saldría del área de SVG. En D3, hay escalas para ayudar a trazar datos. Scales son funciones que le indican al programa cómo asignar un conjunto de puntos de datos sin procesar en los píxeles del lienzo SVG. Por ejemplo, supongamos que tiene un lienzo SVG de tamaño 100x500 y desea trazar el Producto Interno Bruto (PIB) para varios países. El conjunto de números estaría en el rango de mil millones o trillón de dólares. Le proporciona a D3 un tipo de escala para decirle cómo colocar los valores de PIB grandes en esa área de tamaño 100x500. Es poco probable que grafiques los datos en bruto como están. Antes de trazarlo, establezca la escala para todo su conjunto de datos, de modo que los valores de x e y se ajusten a su ancho y altura de lienzo. D3 tiene varios tipos de escala. Para una escala lineal (generalmente utilizada con datos cuantitativos), existe el método D3 scaleLinear() : const scale = d3.scaleLinear() Por defecto, una escala usa la relación de identidad. El valor de la entrada es el mismo que el valor de la salida. Un desafío separado cubre cómo cambiar esto.

Cambia la variable de scale para crear una escala lineal. A continuación, establezca la variable de output en la escala llamada con un argumento de entrada de 50.

```yml tests: - text: El texto en el h2 debe ser 50. testString: 'assert($("h2").text() == "50", "The text in the h2 should be 50.");' - text: Su código debe utilizar el método scaleLinear() . testString: 'assert(code.match(/\.scaleLinear/g), "Your code should use the scaleLinear() method.");' - text: La variable de output debe llamar scale con un argumento de 50. testString: 'assert(output == 50 && code.match(/scale$\s*?50\s*?$/g), "The output variable should call scale with an argument of 50.");' ```