gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Added solution to D3 scaling challenge (#34230)

Browse Source 
* Update index.md

* Update index.md
This commit is contained in:
The Coding Aviator
2018-11-07 04:00:21 +05:30
committed by Paul Gamble
parent 069d17dc01
commit 94508eba89
1 changed files with 37 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
guide/english/certifications/data-visualization/data-visualization-with-d3/create-a-linear-scale-with-d3/index.md
View File

@ -3,8 +3,42 @@ title: Create a Linear Scale with D3
---
## Create a Linear Scale with D3
This is a stub. <a href='https://github.com/freecodecamp/guides/tree/master/src/pages/certifications/data-visualization/data-visualization-with-d3/create-a-linear-scale-with-d3/index.md' target='_blank' rel='nofollow'>Help our community expand it</a>.
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.
<a href='https://github.com/freecodecamp/guides/blob/master/README.md' target='_blank' rel='nofollow'>This quick style guide will help ensure your pull request gets accepted</a>.
### Hint 1
<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds -->
The syntax for creating a scale is:
```javascript
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:
```javascript
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:
```javascript
<body>
<script>
const scale = d3.scaleLinear();
const output = scale(50);
d3.select("body")
.append("h2")
.text(output);
</script>
</body>
```