upperArea

by Javier Puértolas

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jsxgraph/0.99.7/jsxgraphcore.js"></script>
<div id="jxgbox" class="jxgbox" style="width:500px; height:500px">
</div>

JavaScript

board = JXG.JSXGraph.initBoard("jxgbox", {showNavigation:false,boundingbox:[-2,20,4.5,-1], axis:true});
var f1 = function(x){return 4*x};
var f2 = function(x){return x*x + 1};
var fupper = function(x){return Math.max(f1(x), f2(x))};

var curve1 = board.create('functiongraph', [function(x){return f1(x)}, -3,5]);
var curve2 = board.create('functiongraph', [function(x){return f2(x)}, -3,5]);

var curve2 = board.create('functiongraph', [function(x){return fupper(x)}, -3,5]);

board.create('inequality', [curve2], {inverse:true});