Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Fetching contributors…

Cannot retrieve contributors at this time

126 lines (118 sloc) 5.151 kB
<!DOCTYPE html>
<html data-require="math math-format polynomials graphie interactive visualizing-derivatives">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Visualizing derivatives</title>
<script data-main="../local-only/main.js" src="../local-only/require.js"></script>
</head>
<body>
<div class="exercise">
<div class="vars">
<var id="INTERVAL_WIDTH">2</var>
<var id="NUM_INTERVALS">7</var>
<var id="NUM_INTERVALS_PROBLEM">2</var>
<var id="OFFSET">0</var>
<var id="PROBLEM">new VisualizingDerivativesProblem({
INTERVAL_WIDTH: INTERVAL_WIDTH,
nIntervals: NUM_INTERVALS,
nProblemIntervals: NUM_INTERVALS_PROBLEM,
offset: OFFSET,
noSolution: NO_SOLUTION,
moveDerivative: MOVE_DERIVATIVE,
fnColor: PURPLE,
derivColor: GREEN
})</var>
<var id="PROBLEM_RANGES">PROBLEM.problemRanges</var>
</div>
<div class="question">
<div data-if="MOVE_DERIVATIVE" data-unwrap="">
<p>
A function <code>f(x)</code> is shown in <span class="hint_purple" style="font-weight: bold">purple</span>. The <span class="hint_green" style="font-weight: bold">sliding green window</span> may contain a section of <b>its derivative <code>f'(x)</code></b>.
</p>
<p>
Where does the function in the sliding window correspond to <code><b>f'(x)</b></code>?
</p>
<p class="render-answer-area-here"></p>
</div>
<div data-else="" data-unwrap="">
<p>
A function <code>f(x)</code> is shown in <span class="hint_green" style="font-weight: bold">green</span>. The <span class="hint_purple" style="font-weight: bold">sliding purple window</span> may contain a section of <b>an antiderivative of the function, <code>F(x)</code></b>.
</p>
<p>
Where does the function in the sliding window correspond to <code><b>F(x)</b></code>?
</p>
<p class="render-answer-area-here"></p>
</div>
</div>
<div class="problem">
<div class="graphie">
slidingWindow = PROBLEM.render();
</div>
</div>
<div class="hints">
<div data-each="PROBLEM.hints() as key, value">
<var>value</var>
</div>
</div>
<div class="solution" data-type="multiple">
<div class="sol" data-type="custom">
<div class="instruction">
Drag the sliding window to the correct region or indicate there is no solution.
</div>
<div class="guess">
slidingWindow.getXLims()
</div>
<div class="validator-function">
if (NO_SOLUTION &amp;&amp;
$(".sol.no-solution :checkbox").prop("checked") ) {
return true;
} else if (_.isEqual(guess, slidingWindow.startRange)) {
return "";
}
return _.any(PROBLEM_RANGES, function(problemRange) {
return _.isEqual(guess, problemRange);
});
</div>
<div class="show-guess">
slidingWindow.moveTo(guess[0], 0);
</div>
</div>
<p></p>
<div>
<label>
<span class="sol no-solution" data-type="checkbox">
<var>NO_SOLUTION</var>
</span>
No solution
</label>
</div>
</div>
<div class="problems">
<div id="move-derivative" data-weight="3">
<div class="vars" data-apply="prependVars">
<var id="MOVE_DERIVATIVE">true</var>
<var id="NO_SOLUTION">false</var>
</div>
</div>
<div id="move-derivative-no-solution" data-weight="1">
<div class="vars" data-apply="prependVars">
<var id="MOVE_DERIVATIVE">true</var>
<var id="NO_SOLUTION">true</var>
</div>
</div>
<div id="move-antiderivative" data-weight="3">
<div class="vars" data-apply="prependVars">
<var id="MOVE_DERIVATIVE">false</var>
<var id="NO_SOLUTION">false</var>
</div>
</div>
<div id="move-antiderivative-no-solution" data-weight="1">
<div class="vars" data-apply="prependVars">
<var id="MOVE_DERIVATIVE">false</var>
<var id="NO_SOLUTION">true</var>
</div>
</div>
</div>
</div>
</body>
</html>
Jump to Line
Something went wrong with that request. Please try again.