A barra e o gráfico de dispersão mapeiam os dados plotados diretamente na tela do SVG. No entanto, se a altura de uma barra ou um dos pontos de dados fosse maior que os valores de altura ou largura do SVG, ela sairia da área SVG. Na D3, existem escalas para ajudar a traçar dados. Scales são funções que informam ao programa como mapear um conjunto de pontos de dados brutos para os pixels da tela do SVG. Por exemplo, digamos que você tenha uma tela SVG de tamanho 100x500 e deseja plotar o Produto Interno Bruto (PIB) para vários países. O conjunto de números estaria na faixa de bilhões ou trilhões de dólares. Você fornece a D3 um tipo de escala para informar como colocar os grandes valores do PIB nessa área de 100 x 500. É improvável que você planeje dados brutos como estão. Antes de plotar, você define a escala para todo o seu conjunto de dados, de modo que os valores x e y ajustem à largura e altura da tela. O D3 possui vários tipos de escala. Para uma escala linear (geralmente usada com dados quantitativos), existe o método D3 scaleLinear() : const scale = d3.scaleLinear() Por padrão, uma escala usa o relacionamento de identidade. O valor da entrada é o mesmo que o valor da saída. Um desafio separado cobre como mudar isso.

Altere a variável de scale para criar uma escala linear. Em seguida, defina a variável de output para a escala chamada com um argumento de entrada de 50.

```yml tests: - text: O texto no h2 deve ser 50. testString: 'assert($("h2").text() == "50", "The text in the h2 should be 50.");' - text: Seu código deve usar o método scaleLinear() . testString: 'assert(code.match(/\.scaleLinear/g), "Your code should use the scaleLinear() method.");' - text: A variável de output deve chamar scale com um 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.");' ```