At the bottom of the <body> tag, we're referencing an app.js file. Let's create that file and add the following code to it:
var WIDTH = 360;
var HEIGHT = 360;
var radius = Math.min(WIDTH, HEIGHT) / 2;
var dataset = [
{ label: 'Bob', count: 10 },
{ label: 'Sally', count: 20 },
{ label: 'Matt', count: 30 },
{ label: 'Jane', count: 40 }
];
console.log(dataset);To be sure that it's working and linked up properly, we've added console.log(dataset) to the bottom. Let's open index.html in Chrome and view the developer console, to make sure that everything is hooked up the way it should be:
Once we're sure that it's working, we can remove console.log(dataset);, as follows:
var WIDTH = 360;
var HEIGHT = 360;
var radius = Math.min(WIDTH, HEIGHT) / 2;
...
