// Numbas version: exam_results_page_options
{"name": "H Graphs: Vertical and horizontal translations", "extensions": ["jsxgraph"], "custom_part_types": [], "resources": [], "navigation": {"allowregen": true, "showfrontpage": false, "preventleave": false, "typeendtoleave": false}, "question_groups": [{"pickingStrategy": "all-ordered", "questions": [{"extensions": ["jsxgraph"], "ungrouped_variables": ["selector", "vsh", "hsh", "vsc", "hsc", "yo", "yn", "xo", "xn", "yo0", "yo1", "yo2", "yo3", "yo4", "maxx", "maxy", "recip"], "preamble": {"js": "function dragpoint_board() {\n  var scope = question.scope;\n  \n // var a = scope.variables.a.value;\n//  var c = scope.variables.c.value;\n\n  var yo0 = scope.variables.yo0.value;\n  var yo1 = scope.variables.yo1.value;\n  var yo2 = scope.variables.yo2.value;\n  var yo3 = scope.variables.yo3.value;  \n  var yo4 = scope.variables.yo4.value;\n    \n  var maxx = scope.variables.maxx.value;\n  var maxy = scope.variables.maxy.value;\n  \n  var div = Numbas.extensions.jsxgraph.makeBoard('500px','500px',{boundingBox:[-maxx,maxy,maxx,-maxy],grid:true});\n  $(question.display.html).find('#dragpoint').append(div);\n  \n  var board = div.board;\n  \n  \n   //create stationary points\n    \n  var op0 = board.create('point',[-2,yo0],{name:'',fixed:true,size:2,color:'black'});\n    var op1 = board.create('point',[-1,yo1],{name:'',fixed:true,size:2,color:'black'});\n    var op2 = board.create('point',[0,yo2],{name:'',fixed:true,size:2,color:'black'});\n    var op3 = board.create('point',[1,yo3],{name:'',fixed:true,size:2,color:'black'});\n    var op4 = board.create('point',[2,yo4],{name:'',fixed:true,size:2,color:'black'});\n    \n    \n    //create draggable points\n    //why are there are a cloine under each one?\n    var np0 = board.create('point',[-2,yo0],{name:'A',size:2,snapSizeX: 0.25,snapSizeY: 0.25,snapToGrid: true});\n    var np1 = board.create('point',[-1,yo1],{name:'B',size:2,snapSizeX: 0.25,snapSizeY: 0.25,snapToGrid: true});\n    var np2 = board.create('point',[0,yo2],{name:'C',size:2,snapSizeX: 0.25,snapSizeY: 0.25,snapToGrid: true});\n    var np3 = board.create('point',[1,yo3],{name:'D',size:2,snapSizeX: 0.25,snapSizeY: 0.25,snapToGrid: true});\n    var np4 = board.create('point',[2,yo4],{name:'E',size:2,snapSizeX: 0.25,snapSizeY: 0.25,snapToGrid: true});\n  \n  \n    \n  \n  //shorthand to evaluate a mathematical expression to a number\n  function evaluate(expression) {\n    try {\n      var val = Numbas.jme.evaluate(expression,question.scope);\n      return Numbas.jme.unwrapValue(val);\n    }\n    catch(e) {\n      // if there's an error, return no number\n      return NaN;\n    }\n  }\n  \n  // set up points array\n  var num_points = 5;\n  var points = [np0, np1, np2, np3, np4];\n  \n  \n  // this function sets up the i^th point\n  function make_point(i) {\n    \n    // calculate initial coordinates\n  //  var x = i-(num_points-1)/2;\n    \n    // create an invisible vertical line for the point to slide along\n   // var line = board.create('line',[[x,0],[x,1]],{visible: false});\n    \n    // create the point\n  //  var point = points[i] = board.create(\n   //   'point',\n   //   [i-(num_points-1)/2,0],\n   //   {\n    //    name:'',\n   //     size:2,\n    //    snapSizeY: 0.25,  // the point will snap to y-coordinates which are multiples of 0.1\n    //    snapSizeX: 0.25,\n   //     snapToGrid: true\n    //  }\n   // );\n    \n   var point = points[i];\n    \n    var x=point[0];\n    var y=point[1];\n    \n    // the contents of the input box for this point\n    var xstudentAnswer = question.parts[0].gaps[2*i].display.studentAnswer;\n    var ystudentAnswer = question.parts[0].gaps[2*i+1].display.studentAnswer;\n    \n    // watch the student's input and reposition the point when it changes.    \n    ko.computed(function() {\n      x = evaluate(xstudentAnswer());\n      y = evaluate(ystudentAnswer());\n      if(!(isNaN(x)) && !(isNaN(y)) && board.mode!=board.BOARD_MODE_DRAG) {\n        point.moveTo([x,y],100);\n      }\n    });\n    \n    // when the student drags the point, update the gapfill input\n    point.on('drag',function(){\n      var x = Numbas.math.niceNumber(point.X());\n      var y = Numbas.math.niceNumber(point.Y());\n      xstudentAnswer(x);\n      ystudentAnswer(y);\n    });\n    \n  }\n  \n  // create each point\n  for(var i=0;i<num_points;i++) {\n    make_point(i);\n  }\n  \n  // create the parabola\n  var parabool = board.create('spline',[np0, np1, np2, np3, np4],{strokeWidth:3,strokeColor:'red'});\n  var statparabool = board.create('spline',[op0, op1, op2, op3, op4],{strokeWidth:3,strokeColor:'black'});\n\n}\n\nquestion.signals.on('HTMLAttached',function() {\n  dragpoint_board();\n}); ", "css": "table#values th {\n  background: none;\n  text-align: center;\n}"}, "name": "H Graphs: Vertical and horizontal translations", "parts": [{"variableReplacementStrategy": "originalfirst", "showCorrectAnswer": true, "marks": 0, "scripts": {}, "showFeedbackIcon": true, "prompt": "<div id=\"dragpoint\"></div>\n<p>The point $A$ was $(-2,\\var{yo0})$ but it is now $\\big($[[0]],[[1]]$\\big)$.<br/>The point $B$ was $(-1,\\var{yo1})$ but it is now $\\big($[[2]],[[3]]$\\big)$.<br/>The point $C$ was $(0,\\var{yo2})$ but it is now $\\big($[[4]],[[5]]$\\big)$.<br/>The point $D$ was $(1,\\var{yo3})$ but it is now $\\big($[[6]],[[7]]$\\big)$.<br/>The point $E$ was $(2,\\var{yo4})$ but it is now $\\big($[[8]],[[9]]$\\big)$.</p>\n", "variableReplacements": [], "gaps": [{"allowFractions": true, "correctAnswerStyle": "plain", "showCorrectAnswer": true, "scripts": {}, "mustBeReduced": false, "variableReplacements": [], "minValue": "xn[0]", "mustBeReducedPC": 0, "variableReplacementStrategy": "originalfirst", "correctAnswerFraction": false, "marks": "0.2", "showFeedbackIcon": true, "notationStyles": ["plain", "en", "si-en"], "type": "numberentry", "maxValue": "xn[0]"}, {"allowFractions": true, "correctAnswerStyle": "plain", "showCorrectAnswer": true, "scripts": {}, "mustBeReduced": false, "variableReplacements": [], "minValue": "yn[0]", "mustBeReducedPC": 0, "variableReplacementStrategy": "originalfirst", "correctAnswerFraction": false, "marks": "0.2", "showFeedbackIcon": true, "notationStyles": ["plain", "en", "si-en"], "type": "numberentry", "maxValue": "yn[0]"}, {"allowFractions": true, "correctAnswerStyle": "plain", "showCorrectAnswer": true, "scripts": {}, "mustBeReduced": false, "variableReplacements": [], "minValue": "xn[1]", "mustBeReducedPC": 0, "variableReplacementStrategy": "originalfirst", "correctAnswerFraction": false, "marks": "0.2", "showFeedbackIcon": true, "notationStyles": ["plain", "en", "si-en"], "type": "numberentry", "maxValue": "xn[1]"}, {"allowFractions": true, "correctAnswerStyle": "plain", "showCorrectAnswer": true, "scripts": {}, "mustBeReduced": false, "variableReplacements": [], "minValue": "yn[1]", "mustBeReducedPC": 0, "variableReplacementStrategy": "originalfirst", "correctAnswerFraction": false, "marks": "0.2", "showFeedbackIcon": true, "notationStyles": ["plain", "en", "si-en"], "type": "numberentry", "maxValue": "yn[1]"}, {"allowFractions": true, "correctAnswerStyle": "plain", "showCorrectAnswer": true, "scripts": {}, "mustBeReduced": false, "variableReplacements": [], "minValue": "xn[2]", "mustBeReducedPC": 0, "variableReplacementStrategy": "originalfirst", "correctAnswerFraction": false, "marks": "0.2", "showFeedbackIcon": true, "notationStyles": ["plain", "en", "si-en"], "type": "numberentry", "maxValue": "xn[2]"}, {"allowFractions": true, "correctAnswerStyle": "plain", "showCorrectAnswer": true, "scripts": {}, "mustBeReduced": false, "variableReplacements": [], "minValue": "yn[2]", "mustBeReducedPC": 0, "variableReplacementStrategy": "originalfirst", "correctAnswerFraction": false, "marks": "0.2", "showFeedbackIcon": true, "notationStyles": ["plain", "en", "si-en"], "type": "numberentry", "maxValue": "yn[2]"}, {"allowFractions": true, "correctAnswerStyle": "plain", "showCorrectAnswer": true, "scripts": {}, "mustBeReduced": false, "variableReplacements": [], "minValue": "xn[3]", "mustBeReducedPC": 0, "variableReplacementStrategy": "originalfirst", "correctAnswerFraction": false, "marks": "0.2", "showFeedbackIcon": true, "notationStyles": ["plain", "en", "si-en"], "type": "numberentry", "maxValue": "xn[3]"}, {"allowFractions": true, "correctAnswerStyle": "plain", "showCorrectAnswer": true, "scripts": {}, "mustBeReduced": false, "variableReplacements": [], "minValue": "yn[3]", "mustBeReducedPC": 0, "variableReplacementStrategy": "originalfirst", "correctAnswerFraction": false, "marks": "0.2", "showFeedbackIcon": true, "notationStyles": ["plain", "en", "si-en"], "type": "numberentry", "maxValue": "yn[3]"}, {"allowFractions": true, "correctAnswerStyle": "plain", "showCorrectAnswer": true, "scripts": {}, "mustBeReduced": false, "variableReplacements": [], "minValue": "xn[4]", "mustBeReducedPC": 0, "variableReplacementStrategy": "originalfirst", "correctAnswerFraction": false, "marks": "0.2", "showFeedbackIcon": true, "notationStyles": ["plain", "en", "si-en"], "type": "numberentry", "maxValue": "xn[4]"}, {"allowFractions": true, "correctAnswerStyle": "plain", "showCorrectAnswer": true, "scripts": {}, "mustBeReduced": false, "variableReplacements": [], "minValue": "yn[4]", "mustBeReducedPC": 0, "variableReplacementStrategy": "originalfirst", "correctAnswerFraction": false, "marks": "0.2", "showFeedbackIcon": true, "notationStyles": ["plain", "en", "si-en"], "type": "numberentry", "maxValue": "yn[4]"}], "type": "gapfill"}], "rulesets": {"std": ["all", "fractionNumbers"]}, "tags": [], "variablesTest": {"condition": "", "maxRuns": 100}, "advice": "<p>This involves both a vertical and a horizontal translation. See the lecture notes and/or panopto video for Lecture 21.3</p>", "metadata": {"licence": "Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International", "description": "<p>Horizontal translation to the left of some function f(x)</p>"}, "statement": "<p>The&nbsp;graph of a function $y=f(x)$ is shown below. Move the red points so the red curve represents $y=\\simplify[fractionNumbers,all]{{vsc}f({hsc}x+{hsh})+{vsh}}$.</p>", "variable_groups": [], "variables": {"yo2": {"group": "Ungrouped variables", "description": "", "definition": "yo[2]", "templateType": "anything", "name": "yo2"}, "xo": {"group": "Ungrouped variables", "description": "<p>original x values</p>", "definition": "list(-2..2)", "templateType": "anything", "name": "xo"}, "hsh": {"group": "Ungrouped variables", "description": "<p>horizontal shift</p>", "definition": "if(selector[1]=1,random(-3..3 except 0),0)", "templateType": "anything", "name": "hsh"}, "selector": {"group": "Ungrouped variables", "description": "<p>order is ['vsh','hsh','vsc','hsc'] 1 is on 0 is off</p>", "definition": "[1,1,0,0]", "templateType": "anything", "name": "selector"}, "hsc": {"group": "Ungrouped variables", "description": "", "definition": "if(selector[3]=1,random(-2,-1,-0.5,0.5,2),1)", "templateType": "anything", "name": "hsc"}, "vsh": {"group": "Ungrouped variables", "description": "<p>vertical shift</p>", "definition": "if(selector[0]=1,random(-3..3 except 0),0)\n", "templateType": "anything", "name": "vsh"}, "maxy": {"group": "Ungrouped variables", "description": "", "definition": "max(map(abs(a),a,yn)+5)+1", "templateType": "anything", "name": "maxy"}, "yo0": {"group": "Ungrouped variables", "description": "", "definition": "yo[0]", "templateType": "anything", "name": "yo0"}, "maxx": {"group": "Ungrouped variables", "description": "", "definition": "max(map(abs(a),a,xn)+5)+1", "templateType": "anything", "name": "maxx"}, "yo": {"group": "Ungrouped variables", "description": "<p>the (random) original y values which relate to the x values</p>", "definition": "repeat(random(-5..5),5)", "templateType": "anything", "name": "yo"}, "yn": {"group": "Ungrouped variables", "description": "<p>new y values after the transformation</p>", "definition": "map(vsc*y+vsh,y,yo)", "templateType": "anything", "name": "yn"}, "yo4": {"group": "Ungrouped variables", "description": "", "definition": "yo[4]", "templateType": "anything", "name": "yo4"}, "yo3": {"group": "Ungrouped variables", "description": "", "definition": "yo[3]", "templateType": "anything", "name": "yo3"}, "vsc": {"group": "Ungrouped variables", "description": "", "definition": "if(selector[2]=1,random(-2,-1,-0.5,0.5,2),1)", "templateType": "anything", "name": "vsc"}, "xn": {"group": "Ungrouped variables", "description": "<p>new transformed x values</p>", "definition": "map((x-hsh)/hsc,x,xo)", "templateType": "anything", "name": "xn"}, "recip": {"group": "Ungrouped variables", "description": "", "definition": "1/hsc", "templateType": "anything", "name": "recip"}, "yo1": {"group": "Ungrouped variables", "description": "", "definition": "yo[1]", "templateType": "anything", "name": "yo1"}}, "functions": {}, "type": "question", "contributors": [{"name": "Marlon Arcila", "profile_url": "https://numbas.mathcentre.ac.uk/accounts/profile/321/"}]}]}], "contributors": [{"name": "Marlon Arcila", "profile_url": "https://numbas.mathcentre.ac.uk/accounts/profile/321/"}]}