Step function - Revision history

A WASSERMANN at 08:03, 10 April 2014

2014-04-10T08:03:40Z

← Older revision		Revision as of 08:03, 10 April 2014
Line 1:		Line 1:
			This is an example for a step function realized as function graph. The steps are not drawn. JSXGraph has its own element "stepfunction", where the steps are visible, see [[Step function II]].

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

Michael at 14:01, 8 June 2011

2011-06-08T14:01:06Z

← Older revision		Revision as of 14:01, 8 June 2011
Line 13:		Line 13:
	</jsxgraph>		</jsxgraph>
	===The underlying JavaScript code===		===The underlying JavaScript code===
	~~<source lang="html4strict">~~
	~~<input type="text" id="input" value="sin(x)*x">~~
	~~<input type="button" value="plot" onClick="plotter()">~~
	~~<input type="button" value="clear all" onClick="clearAll()">~~
	~~</source>~~
	<source lang="javascript">		<source lang="javascript">
	var board = JXG.JSXGraph.initBoard('jxgbox', {boundingbox:[-5,8,8,-5], axis:true});		var board = JXG.JSXGraph.initBoard('jxgbox', {boundingbox:[-5,8,8,-5], axis:true});

Michael: New page: var board = JXG.JSXGraph.initBoard('jxgbox', {boundingbox:[-5,8,8,-5], axis:true}); var f = function(x) { if(x<0) return -1; if(x>=0 && x <2) ...

2010-05-16T15:39:47Z

New page: <jsxgraph width="600" height="400"> var board = JXG.JSXGraph.initBoard('jxgbox', {boundingbox:[-5,8,8,-5], axis:true}); var f = function(x) { if(x<0) return -1; if(x>=0 && x <2) ...

New page

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

var f = function(x) {
if(x<0)
return -1;
if(x>=0 && x <2)
return 1;
if(x>=2)
return 2;
}
board.create('functiongraph',[f]);
</jsxgraph>
===The underlying JavaScript code===
<source lang="html4strict">
<input type="text" id="input" value="sin(x)*x">
<input type="button" value="plot" onClick="plotter()">
<input type="button" value="clear all" onClick="clearAll()">
</source>
<source lang="javascript">
var board = JXG.JSXGraph.initBoard('jxgbox', {boundingbox:[-5,8,8,-5], axis:true});

var f = function(x) {
if(x<0)
return -1;
if(x>=0 && x <2)
return 1;
if(x>=2)
return 2;
}
board.create('functiongraph',[f]);
</source>

[[Category:Examples]]
[[Category:Calculus]]