Data plot of live data via AJAX - Revision history

A WASSERMANN at 08:12, 1 March 2017

2017-03-01T08:12:56Z

← Older revision		Revision as of 08:12, 1 March 2017
Line 2:		Line 2:

	<html>		<html>
	<link rel="stylesheet" type="text/css" href="~~http~~://jsxgraph.uni-bayreuth.de/distrib/jsxgraph.css" />		<link rel="stylesheet" type="text/css" href="https://jsxgraph.uni-bayreuth.de/distrib/jsxgraph.css" />
	<script type="text/javascript" src="~~http~~://jsxgraph.uni-bayreuth.de/distrib/prototype.js"></script>		<script type="text/javascript" src="https://jsxgraph.uni-bayreuth.de/distrib/prototype.js"></script>
	<script type="text/javascript" src="~~http~~://jsxgraph.uni-bayreuth.de/distrib/jsxgraphcore.js"></script>		<script type="text/javascript" src="https://jsxgraph.uni-bayreuth.de/distrib/jsxgraphcore.js"></script>
	<form>		<form>
	<input type="button" value="Start" onClick="Start()">		<input type="button" value="Start" onClick="Start()">

A WASSERMANN at 23:01, 14 July 2010

2010-07-14T23:01:09Z

← Older revision		Revision as of 23:01, 14 July 2010
Line 46:		Line 46:
	}		}
	brd.update();		brd.update();
	document.getElementById('output').innerHTML = 'Statistics:<br>~~' + '~~Mean value=' + brd.round(m,2)+ <br>Median=' + brd.round(med,2)+'<br>Sd='+brd.round(sd,2);		document.getElementById('output').innerHTML = 'Statistics:<br>Mean value=' + brd.round(m,2)+ '<br>Median=' + brd.round(med,2)+'<br>Sd='+brd.round(sd,2);
	};		};
	}		}
	});		});
	}};		};

	function Start() {		function Start() {

A WASSERMANN at 23:00, 14 July 2010

2010-07-14T23:00:25Z

← Older revision		Revision as of 23:00, 14 July 2010
Line 50:		Line 50:
	}		}
	});		});
	};		}};

	function Start() {		function Start() {

A WASSERMANN at 22:58, 14 July 2010

2010-07-14T22:58:07Z

← Older revision		Revision as of 22:58, 14 July 2010
Line 46:		Line 46:
	}		}
	brd.update();		brd.update();
	document.getElementById('output').innerHTML = 'Statistics:<br>'+ 'Mean value=' + brd.round(m,2)+<br>Median=' + brd.round(med,2)+'<br>Sd='+brd.round(sd,2);		document.getElementById('output').innerHTML = 'Statistics:<br>' + 'Mean value=' + brd.round(m,2)+ <br>Median=' + brd.round(med,2)+'<br>Sd='+brd.round(sd,2);
	};		};
	}		}

A WASSERMANN at 22:57, 14 July 2010

2010-07-14T22:57:28Z

Show changes

A WASSERMANN at 22:53, 14 July 2010

2010-07-14T22:53:28Z

← Older revision		Revision as of 22:53, 14 July 2010
Line 12:		Line 12:
	<p id='output'>Statistics:<br></p>		<p id='output'>Statistics:<br></p>
	<script language="JavaScript">		<script language="JavaScript">
	brd = JXG.JSXGraph.initBoard('jxgbox', {boundingbox:[-2,20,70,-5], axis:true});		brd = JXG.JSXGraph.initBoard('jxgbox', {boundingbox:[-2,30,70,-5], axis:true});
	var graph1,graph2,graph3,graph4,graph5;		var graph1,graph2,graph3,graph4,graph5;
	var periodical;		var periodical;

A WASSERMANN at 22:53, 14 July 2010

2010-07-14T22:53:10Z

← Older revision		Revision as of 22:53, 14 July 2010
Line 12:		Line 12:
	<p id='output'>Statistics:<br></p>		<p id='output'>Statistics:<br></p>
	<script language="JavaScript">		<script language="JavaScript">
	brd = JXG.JSXGraph.initBoard('jxgbox', {boundingbox:[-2,10,70,-5], axis:true});		brd = JXG.JSXGraph.initBoard('jxgbox', {boundingbox:[-2,20,70,-5], axis:true});
	var graph1,graph2,graph3,graph4,graph5;		var graph1,graph2,graph3,graph4,graph5;
	var periodical;		var periodical;

A WASSERMANN at 22:52, 14 July 2010

2010-07-14T22:52:50Z

← Older revision		Revision as of 22:52, 14 July 2010
Line 12:		Line 12:
	<p id='output'>Statistics:<br></p>		<p id='output'>Statistics:<br></p>
	<script language="JavaScript">		<script language="JavaScript">
	brd = JXG.JSXGraph.initBoard('jxgbox', {~~originX~~: 20, ~~originY: 300~~, ~~unitX: 10~~, ~~unitY: 10~~, axis:true});		brd = JXG.JSXGraph.initBoard('jxgbox', {boundingbox:[-2,10,70,-5], axis:true});
	var graph1,graph2,graph3,graph4,graph5;		var graph1,graph2,graph3,graph4,graph5;
	var periodical;		var periodical;

A WASSERMANN at 22:51, 14 July 2010

2010-07-14T22:51:26Z

← Older revision		Revision as of 22:51, 14 July 2010
Line 29:		Line 29:
	y[i]=b[1]*1.0;		y[i]=b[1]*1.0;
	}		}
	var m = ~~brd~~.~~mathStatistics~~.mean(y);		var m = JXG.Math.Statistics.mean(y);
	var sd = ~~brd~~.~~mathStatistics~~.sd(y);		var sd = JXG.Math.Statistics.sd(y);
	var med = ~~brd~~.~~mathStatistics~~.median(y);		var med = JXG.Math.Statistics.median(y);
	if (!graph1) {		if (!graph1) {
	graph1 = brd.create('curve', [x,y],{strokeWidth:3});		graph1 = brd.create('curve', [x,y],{strokeWidth:3});

A WASSERMANN at 22:49, 14 July 2010

2010-07-14T22:49:39Z

← Older revision		Revision as of 22:49, 14 July 2010
Line 33:		Line 33:
	var med = brd.mathStatistics.median(y);		var med = brd.mathStatistics.median(y);
	if (!graph1) {		if (!graph1) {
	graph1 = brd.~~createElement~~('curve', [x,y],{strokeWidth:3});		graph1 = brd.create('curve', [x,y],{strokeWidth:3});
	graph2 = brd.~~createElement~~('curve', [[x[0],x[x.length-1]],[m,m]], {strokecolor:'red'});		graph2 = brd.create('curve', [[x[0],x[x.length-1]],[m,m]], {strokecolor:'red'});
	graph3 = brd.~~createElement~~('curve', [[x[0],x[x.length-1]],[m+sd,m+sd]], {strokecolor:'red',dash:2});		graph3 = brd.create('curve', [[x[0],x[x.length-1]],[m+sd,m+sd]], {strokecolor:'red',dash:2});
	graph4 = brd.~~createElement~~('curve', [[x[0],x[x.length-1]],[m-sd,m-sd]], {strokecolor:'red',dash:2});		graph4 = brd.create('curve', [[x[0],x[x.length-1]],[m-sd,m-sd]], {strokecolor:'red',dash:2});
	graph5 = brd.~~createElement~~('curve', [[x[0],x[x.length-1]],[med,med]], {strokecolor:'red',dash:1});		graph5 = brd.create('curve', [[x[0],x[x.length-1]],[med,med]], {strokecolor:'red',dash:1});
	} else {		} else {
	graph1.dataX = x; graph1.dataY = y;		graph1.dataX = x; graph1.dataY = y;
Line 88:		Line 88:
	var med = brd.mathStatistics.median(y);		var med = brd.mathStatistics.median(y);
	if (!graph1) {		if (!graph1) {
	graph1 = brd.~~createElement~~('curve', [x,y],{strokeWidth:3});		graph1 = brd.create('curve', [x,y],{strokeWidth:3});
	graph2 = brd.~~createElement~~('curve', [[x[0],x[x.length-1]],[m,m]], {strokecolor:'red'});		graph2 = brd.create('curve', [[x[0],x[x.length-1]],[m,m]], {strokecolor:'red'});
	graph3 = brd.~~createElement~~('curve', [[x[0],x[x.length-1]],[m+sd,m+sd]], {strokecolor:'red',dash:2});		graph3 = brd.create('curve', [[x[0],x[x.length-1]],[m+sd,m+sd]], {strokecolor:'red',dash:2});
	graph4 = brd.~~createElement~~('curve', [[x[0],x[x.length-1]],[m-sd,m-sd]], {strokecolor:'red',dash:2});		graph4 = brd.create('curve', [[x[0],x[x.length-1]],[m-sd,m-sd]], {strokecolor:'red',dash:2});
	graph5 = brd.~~createElement~~('curve', [[x[0],x[x.length-1]],[med,med]], {strokecolor:'red',dash:1});		graph5 = brd.create('curve', [[x[0],x[x.length-1]],[med,med]], {strokecolor:'red',dash:1});
	} else {		} else {
	graph1.dataX = x; graph1.dataY = y;		graph1.dataX = x; graph1.dataY = y;