Shade region bounded by curves - Revision history

A WASSERMANN at 14:07, 18 June 2020

2020-06-18T14:07:03Z

@@ Line 9: / Line 9: @@
 </math>
-Here it is:
+Here is the solution:
 <jsxgraph width="400" height="400" box='jxgbox'>
@@ Line 31: / Line 31: @@
 curve.updateDataArray = function() {
    // Start with (0, 0)
-	this.dataX = [0];
+  this.dataX = [0];
    this.dataY = [0];
@@ Line 44: / Line 44: @@
 board.update();
 </jsxgraph>

2020-06-18T14:05:26Z

← Older revision		Revision as of 14:05, 18 June 2020
Line 8:		Line 8:
	\end{eqnarray*}		\end{eqnarray*}
	</math>		</math>

			Here it is:

	<jsxgraph width="400" height="400" box='jxgbox'>		<jsxgraph width="400" height="400" box='jxgbox'>

2020-06-18T14:05:07Z

← Older revision		Revision as of 14:05, 18 June 2020
Line 11:		Line 11:
	<jsxgraph width="400" height="400" box='jxgbox'>		<jsxgraph width="400" height="400" box='jxgbox'>
	const board = JXG.JSXGraph.initBoard('jxgbox', {		const board = JXG.JSXGraph.initBoard('jxgbox', {
	boundingbox: [-1, 3, 3, -1], axis:true		boundingbox: [-1, 2, 2, -1], axis:true
	});		});

2020-06-18T14:04:52Z

← Older revision		Revision as of 14:04, 18 June 2020
Line 9:		Line 9:
	</math>		</math>

	<jsxgraph width="~~600~~" height="400" box='jxgbox'>		<jsxgraph width="400" height="400" box='jxgbox'>
	const board = JXG.JSXGraph.initBoard('jxgbox', {		const board = JXG.JSXGraph.initBoard('jxgbox', {
	boundingbox: [-1, 3, 3, -1], axis:true		boundingbox: [-1, 3, 3, -1], axis:true

2020-06-18T14:04:37Z

← Older revision		Revision as of 14:04, 18 June 2020
Line 9:		Line 9:
	</math>		</math>

	<jsxgraph width="600" height="400">		<jsxgraph width="600" height="400" box='jxgbox'>
	const board = JXG.JSXGraph.initBoard(~~BOARDID~~, {		const board = JXG.JSXGraph.initBoard('jxgbox', {
	boundingbox: [-1, 3, 3, -1], axis:true		boundingbox: [-1, 3, 3, -1], axis:true
	});		});

2020-06-18T14:04:11Z

← Older revision		Revision as of 14:04, 18 June 2020
Line 9:		Line 9:
	</math>		</math>

	<jsxgraph width="600" height="400~~" box="box~~">		<jsxgraph width="600" height="400">
	const board = JXG.JSXGraph.initBoard(~~'jxgbox'~~, {		const board = JXG.JSXGraph.initBoard(BOARDID, {
	boundingbox: [-1, 3, 3, -1], axis:true		boundingbox: [-1, 3, 3, -1], axis:true
	});		});

2020-06-18T14:03:45Z

← Older revision		Revision as of 14:03, 18 June 2020
Line 8:		Line 8:
	\end{eqnarray*}		\end{eqnarray*}
	</math>		</math>

			<jsxgraph width="600" height="400" box="box">
			const board = JXG.JSXGraph.initBoard('jxgbox', {
			boundingbox: [-1, 3, 3, -1], axis:true
			});

			// 1. step: compute intersection of 'sqrt(x^2-1)' and '0.707*x'
			var diff = x => Math.sqrt(x * x - 1) - 0.707 * x;
			var x_intersect = JXG.Math.Numerics.root(diff, 1.5);

			// 2. step: plot curves only up to the mutual intersections
			// We use JessieCode for the function terms
			var curve1 = board.create('functiongraph', ['0', 0, 1]);
			var curve2 = board.create('functiongraph', ['sqrt(x^2-1)', 1, x_intersect]);
			var curve3 = board.create('functiongraph', ['0.707*x', 0, x_intersect]);

			// 3. step: plot a filled curve which starts at (0,0), contains all points of 'sqrt(x^2-1)'
			// and is closed by adding (0,0) at the end.
			var curve = board.create('curve', [[], []], {strokeWidth:3, fillColor:'yellow', fillOpacity: 0.3});
			curve.updateDataArray = function() {
			// Start with (0, 0)
			this.dataX = [0];
			this.dataY = [0];

			// Copy all points from curve2
			this.dataX = this.dataX.concat( curve2.points.map( p => p.usrCoords[1] ) );
			this.dataY = this.dataY.concat( curve2.points.map( p => p.usrCoords[2] ) );

			// Close the curve by adding (0,0)
			this.dataX.push(0);
			this.dataY.push(0);
			};
			board.update();
			</jsxgraph>

2020-06-18T14:02:13Z

← Older revision		Revision as of 14:02, 18 June 2020
Line 1:		Line 1:
	Somewhere in the WWW the question was asked how to shade the region bounded by the following curves:		Somewhere in the WWW the question was asked how to shade the region bounded by the following curves, where <math>x\ge 0</math>:

	:<math>		:<math>

2020-06-18T14:01:13Z

2020-06-18T14:00:58Z