freeCodeCamp/curriculum/challenges/espanol/04-data-visualization/data-visualization-with-d3/set-a-domain-and-a-range-on-a-scale.md

---
id: 587d7fac367417b2b2512bdb
title: Establece un dominio y un rango en una escala
challengeType: 6
forumTopicId: 301491
dashedName: set-a-domain-and-a-range-on-a-scale
---

# --description--

Por defecto, las escalas usan la relación de identidad. Esto significa que el valor de entrada se asigna al valor de salida. Sin embargo, las escalas pueden ser mucho más flexibles e interesantes.

Digamos que un conjunto de datos tiene valores entre 50 y 480. Esta es la información de entrada para una escala, también conocido como el <dfn>dominio</dfn>.

Quieres trazar esos puntos a lo largo del eje `x` en el lienzo SVG, entre 10 unidades y 500 unidades. Esta es la información de salida, también conocida como el <dfn>rango</dfn>.

Los métodos `domain()` y `range()` establecen estos valores para la escala. Ambos métodos toman un arreglo de al menos dos elementos como argumento. Aquí un ejemplo:

```js
scale.domain([50, 480]);
scale.range([10, 500]);
scale(50)
scale(480)
scale(325)
scale(750)
d3.scaleLinear()
```

En orden, los siguientes valores se mostrarían en la consola: `10`, `500`, `323.37`, y `807.67`.

Observa que la escala usa la relación lineal entre los valores del dominio y del rango para averiguar cuál debe ser la salida para un número dado. El valor mínimo en el dominio (50) se asigna al valor mínimo (10) en el rango.

# --instructions--

Crea una escala y establece su dominio a `[250, 500]` y su rango a `[10, 150]`.

**Nota:** Puedes encadenar los métodos `domain()` y `range()` a la variable `scale`.

# --hints--

Tu código debe usar el método `domain()`.

```js
assert(code.match(/\.domain/g));
```

El `domain()` de `scale` (escala) debe ser establecido a `[250, 500]`.

```js
assert(JSON.stringify(scale.domain()) == JSON.stringify([250, 500]));
```

Tu código debe usar el método `range()`.

```js
assert(code.match(/\.range/g));
```

El `range()` de `scale` (escala) debe ser establecido a `[10, 150]`.

```js
assert(JSON.stringify(scale.range()) == JSON.stringify([10, 150]));
```

El texto en el `h2` debe ser `-102`.

```js
assert($('h2').text() == '-102');
```

# --seed--

## --seed-contents--

```html
<body>
  <script>
    // Add your code below this line
    const scale = d3.scaleLinear();


    // Add your code above this line
    const output = scale(50);
    d3.select("body")
      .append("h2")
      .text(output);
  </script>
</body>
```

# --solutions--

```html
<body>
  <script>
    const scale = d3.scaleLinear();
    scale.domain([250, 500])
    scale.range([10, 150])
    const output = scale(50);
    d3.select("body")
      .append("h2")
      .text(output);
  </script>
</body>
```
chore(i8n,learn): processed translations 2021-02-06 04:42:36 +00:00			`---`
			`id: 587d7fac367417b2b2512bdb`
chore(i18n,curriculum): update translations (#43881) 2021-10-18 08:17:43 -07:00			`title: Establece un dominio y un rango en una escala`
chore(i8n,learn): processed translations 2021-02-06 04:42:36 +00:00			`challengeType: 6`
			`forumTopicId: 301491`
			`dashedName: set-a-domain-and-a-range-on-a-scale`
			`---`

			`# --description--`

chore(i18n,curriculum): update translations (#43881) 2021-10-18 08:17:43 -07:00			`Por defecto, las escalas usan la relación de identidad. Esto significa que el valor de entrada se asigna al valor de salida. Sin embargo, las escalas pueden ser mucho más flexibles e interesantes.`
chore(i8n,learn): processed translations 2021-02-06 04:42:36 +00:00
chore(i18n,curriculum): update translations (#43881) 2021-10-18 08:17:43 -07:00			`Digamos que un conjunto de datos tiene valores entre 50 y 480. Esta es la información de entrada para una escala, también conocido como el <dfn>dominio</dfn>.`
chore(i8n,learn): processed translations 2021-02-06 04:42:36 +00:00
chore(i18n,curriculum): update translations (#43881) 2021-10-18 08:17:43 -07:00			Quieres trazar esos puntos a lo largo del eje `x` en el lienzo SVG, entre 10 unidades y 500 unidades. Esta es la información de salida, también conocida como el <dfn>rango</dfn>.
chore(i8n,learn): processed translations 2021-02-06 04:42:36 +00:00
chore(i18n,curriculum): update translations (#43881) 2021-10-18 08:17:43 -07:00			Los métodos `domain()` y `range()` establecen estos valores para la escala. Ambos métodos toman un arreglo de al menos dos elementos como argumento. Aquí un ejemplo:
chore(i8n,learn): processed translations 2021-02-06 04:42:36 +00:00
			```js
			`scale.domain([50, 480]);`
			`scale.range([10, 500]);`
chore: manual translations (#42811) 2021-07-09 21:23:54 -07:00			`scale(50)`
			`scale(480)`
			`scale(325)`
			`scale(750)`
chore(i8n,learn): processed translations 2021-02-06 04:42:36 +00:00			`d3.scaleLinear()`
			```

chore(i18n,curriculum): update translations (#43881) 2021-10-18 08:17:43 -07:00			En orden, los siguientes valores se mostrarían en la consola: `10`, `500`, `323.37`, y `807.67`.
chore: manual translations (#42811) 2021-07-09 21:23:54 -07:00
chore(i18n,curriculum): update translations (#43881) 2021-10-18 08:17:43 -07:00			`Observa que la escala usa la relación lineal entre los valores del dominio y del rango para averiguar cuál debe ser la salida para un número dado. El valor mínimo en el dominio (50) se asigna al valor mínimo (10) en el rango.`
chore(i8n,learn): processed translations 2021-02-06 04:42:36 +00:00
			`# --instructions--`

chore(i18n,curriculum): update translations (#43881) 2021-10-18 08:17:43 -07:00			Crea una escala y establece su dominio a `[250, 500]` y su rango a `[10, 150]`.
chore(i8n,learn): processed translations 2021-02-06 04:42:36 +00:00
chore(i18n,curriculum): update translations (#43881) 2021-10-18 08:17:43 -07:00			Nota: Puedes encadenar los métodos `domain()` y `range()` a la variable `scale`.
chore(i8n,learn): processed translations 2021-02-06 04:42:36 +00:00
			`# --hints--`

chore(i18n,curriculum): update translations (#43881) 2021-10-18 08:17:43 -07:00			Tu código debe usar el método `domain()`.
chore(i8n,learn): processed translations 2021-02-06 04:42:36 +00:00
			```js
			`assert(code.match(/\.domain/g));`
			```

chore(i18n,curriculum): update translations (#43881) 2021-10-18 08:17:43 -07:00			El `domain()` de `scale` (escala) debe ser establecido a `[250, 500]`.
chore(i8n,learn): processed translations 2021-02-06 04:42:36 +00:00
			```js
			`assert(JSON.stringify(scale.domain()) == JSON.stringify([250, 500]));`
			```

chore(i18n,curriculum): update translations (#43881) 2021-10-18 08:17:43 -07:00			Tu código debe usar el método `range()`.
chore(i8n,learn): processed translations 2021-02-06 04:42:36 +00:00
			```js
			`assert(code.match(/\.range/g));`
			```

chore(i18n,curriculum): update translations (#43881) 2021-10-18 08:17:43 -07:00			El `range()` de `scale` (escala) debe ser establecido a `[10, 150]`.
chore(i8n,learn): processed translations 2021-02-06 04:42:36 +00:00
			```js
			`assert(JSON.stringify(scale.range()) == JSON.stringify([10, 150]));`
			```

chore(i18n,curriculum): update translations (#43881) 2021-10-18 08:17:43 -07:00			El texto en el `h2` debe ser `-102`.
chore(i8n,learn): processed translations 2021-02-06 04:42:36 +00:00
			```js
			`assert($('h2').text() == '-102');`
			```

			`# --seed--`

			`## --seed-contents--`

			```html
			`<body>`
			`<script>`
			`// Add your code below this line`
			`const scale = d3.scaleLinear();`



			`// Add your code above this line`
			`const output = scale(50);`
			`d3.select("body")`
			`.append("h2")`
			`.text(output);`
			`</script>`
			`</body>`
			```

			`# --solutions--`

			```html
			`<body>`
			`<script>`
			`const scale = d3.scaleLinear();`
			`scale.domain([250, 500])`
			`scale.range([10, 150])`
			`const output = scale(50);`
			`d3.select("body")`
			`.append("h2")`
			`.text(output);`
			`</script>`
			`</body>`
			```