Question: provided this JavaScript code and the data set, create a scatter plot in html ON AN SVG ELEMENT of dimensions width = height = 500px
provided this JavaScript code and the data set, create a scatter plot in html ON AN SVG ELEMENT of dimensions width = height = 500px of the SATM scores on the x axis and the SATV scores on the y axis: YOU CANNOT EDIT OR ADD ANY EXTRA CODE FROM THIS JAVASCRIPT CODE! thank you i will be sure to thumbs up ------------------------------------------------------------------------------------------ function make(name, attrs) { var element = document.createElementNS("http://www.w3.org/2000/svg", name); if (attrs === undefined) attrs = {}; for (var key in attrs) { if (key === 'text') { debugger; element.textContent = attrs[key]; } else { element.setAttributeNS(null, key, attrs[key]); } } return element; } function plotAll(svg, data, element, attributeGetters) { var obj; for (var i=0; i obj = {}; for (var key in attributeGetters) { obj[key] = attributeGetters[key](data[i], i); } svg.appendChild(make(element, obj)); } return svg; } function toHex(v) { var str = "00" + Math.floor(Math.max(0, Math.min(255, v))).toString(16); return str.substr(str.length-2); } function rgb(r, g, b) { return "#" + toHex(r * 255) + toHex(g * 255) + toHex(b * 255); } -------------------------------------------------------------------------------------------------------------------------- var scores = [ { SATM:430, SATV:470, ACT:15, GPA: 2.239 }, { SATM:560, SATV:350, ACT:16, GPA: 2.488 }, { SATM:400, SATV:330, ACT:17, GPA: 2.982 }, { SATM:410, SATV:450, ACT:17, GPA: 2.155 }, { SATM:430, SATV:460, ACT:17, GPA: 2.712 }, { SATM:430, SATV:370, ACT:18, GPA: 1.913 }, { SATM:440, SATV:450, ACT:18, GPA: 2.953 }, { SATM:550, SATV:410, ACT:18, GPA: 2.664 }, { SATM:570, SATV:320, ACT:18, GPA: 2.932 }, { SATM:370, SATV:480, ACT:19, GPA: 2.67 }, { SATM:440, SATV:450, ACT:19, GPA: 2.08 }, { SATM:510, SATV:520, ACT:19, GPA: 2.798 }, { SATM:540, SATV:470, ACT:19, GPA: 2.796 }, { SATM:490, SATV:540, ACT:20, GPA: 3.365 }, { SATM:490, SATV:460, ACT:20, GPA: 2.913 }, { SATM:490, SATV:500, ACT:20, GPA: 3.044 }, { SATM:510, SATV:540, ACT:20, GPA: 2.608 }, { SATM:530, SATV:280, ACT:20, GPA: 1.789 }, { SATM:510, SATV:460, ACT:21, GPA: 3.202 }, { SATM:520, SATV:480, ACT:21, GPA: 3.244 }, { SATM:540, SATV:430, ACT:21, GPA: 3.442 }, { SATM:560, SATV:430, ACT:21, GPA: 2.716 }, { SATM:620, SATV:530, ACT:21, GPA: 2.208 }, { SATM:690, SATV:350, ACT:21, GPA: 3.366 }, { SATM:410, SATV:600, ACT:22, GPA: 3.153 }, { SATM:470, SATV:500, ACT:22, GPA: 2.097 }, { SATM:560, SATV:580, ACT:22, GPA: 3.316 }, { SATM:580, SATV:490, ACT:22, GPA: 2.507 }, { SATM:590, SATV:620, ACT:22, GPA: 2.665 }, { SATM:600, SATV:480, ACT:22, GPA: 3.26 }, { SATM:650, SATV:490, ACT:22, GPA: 3.409 }, { SATM:450, SATV:530, ACT:23, GPA: 2.963 }, { SATM:470, SATV:480, ACT:23, GPA: 2.92 }, { SATM:480, SATV:570, ACT:23, GPA: 3.025 }, { SATM:490, SATV:500, ACT:23, GPA: 3.465 }, { SATM:510, SATV:540, ACT:23, GPA: 3.262 }, { SATM:520, SATV:530, ACT:23, GPA: 2.075 }, { SATM:520, SATV:530, ACT:23, GPA: 2.673 }, { SATM:550, SATV:650, ACT:23, GPA: 3.657 }, { SATM:550, SATV:590, ACT:23, GPA: 3.326 }, { SATM:560, SATV:540, ACT:23, GPA: 3.463 }, { SATM:560, SATV:520, ACT:23, GPA: 3.315 }, { SATM:570, SATV:570, ACT:23, GPA: 3.183 }, { SATM:580, SATV:550, ACT:23, GPA: 3.667 }, { SATM:610, SATV:560, ACT:23, GPA: 3.452 }, { SATM:610, SATV:630, ACT:23, GPA: 2.528 }, { SATM:410, SATV:470, ACT:24, GPA: 2.496 }, { SATM:500, SATV:630, ACT:24, GPA: 2.978 }, { SATM:520, SATV:630, ACT:24, GPA: 3.19 }, { SATM:520, SATV:560, ACT:24, GPA: 3.311 }, { SATM:520, SATV:610, ACT:24, GPA: 3.039 } :
Step by Step Solution
There are 3 Steps involved in it
Get step-by-step solutions from verified subject matter experts
