freeCodeCamp/index.md at f5b94b51f1b7a926554be73b42ab8b5db822ce77

Files

The Coding Aviator 94508eba89 Added solution to D3 scaling challenge (#34230 )

* Update index.md

* Update index.md

2018-11-06 17:30:20 -05:00

1006 B

Raw Blame History

title

title
Create a Linear Scale with D3

Create a Linear Scale with D3

In this D3 challenge you are required to change the scale variable to create a linear scale. Then set the output variable to the scale called with an input argument of 50.

Hint 1

The syntax for creating a scale is:

const scale = d3.scaleLinear();

Hint 2

The const scale is a method, which accepts a value.

Hint 3

The scaling factor should be set to 50.

Hint 4

The scaling factor is set like this:

const output = scale(scalingFactor);

Where scalingFactor is a number.

Solution

To solve this challenge, the scale variable has to be re-initialized with a D3 scale ans the scaling factor in the output has to be set to 50, to do this, change you code to look like this:

<body>
  <script>
    const scale = d3.scaleLinear();
    const output = scale(50);
    d3.select("body")
      .append("h2")
      .text(output);
  </script>
</body>

1006 B Raw Blame History