Updated d3.v2 to d3.v5 referenced in index.md (#21431)

This commit is contained in:
Andrew James
2018-11-14 06:56:31 +08:00
committed by nik
parent 2ef81bde20
commit d783d3a16c

View File

@ -26,15 +26,15 @@ Which shows up in the browser:
### D3.js Setup
To get the main D3.js JavaScript file go to the D3.js Website. After the first paragraph on the page, you will see a section with links to the latest version. Download the latest version d3.v2.min.js. Save this file in the d3js_projects folder.
To get the main D3.js JavaScript file go to the D3.js Website. After the first paragraph on the page, you will see a section with links to the latest version. Download the latest version d3.v5.min.js. Save this file in the d3js_projects folder.
The file d3.v2.min.js is saved in the same folder as the HTML file so that it can be referenced it easily. We reference the JavaScript file from the head of the HTML file. Our updated HTML file now looks like this:
The file d3.v5.min.js is saved in the same folder as the HTML file so that it can be referenced it easily. We reference the JavaScript file from the head of the HTML file. Our updated HTML file now looks like this:
```html
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="d3.v2.min.js"></script>
<script type="text/javascript" src="d3.v5.min.js"></script>
</head>
<body>
<p>Hello!</p>
@ -44,7 +44,7 @@ The file d3.v2.min.js is saved in the same folder as the HTML file so that it ca
Source File Setup Test
To test our D3.js setup we open the inspect element tool kit. In the Element tab of the Webkit Inspector, we open all of the elements so that we can see the whole HTML structure. We then hover over the d3.vs.min.js src.
To test our D3.js setup we open the inspect element tool kit. In the Element tab of the Webkit Inspector, we open all of the elements so that we can see the whole HTML structure. We then hover over the d3.v5.min.js src.
![](https://d1gg5jm9r4jrt6.cloudfront.net/d3.js.installation.check.png)