Animated age pyramid - Revision history

Andrewbaker: Removed the link to the Destatis version, as it was leading to a 404 page.

2020-11-17T21:02:36Z

Removed the link to the Destatis version, as it was leading to a 404 page.

← Older revision		Revision as of 21:02, 17 November 2020
Line 3:		Line 3:
	</html>		</html>
	This animation shows data from the 12th coordinated Population Projection from the "[http://destatis.de Statistisches Bundesamt (destatis)]".		This animation shows data from the 12th coordinated Population Projection from the "[http://destatis.de Statistisches Bundesamt (destatis)]".
	A much more elaborate version programmed by destatis can be seen [http://www.destatis.de/jetspeed/portal/cms/Sites/destatis/Internet/DE/Content/Statistiken/Bevoelkerung/VorausberechnungBevoelkerung/InteraktiveDarstellung/InteraktiveDarstellung,templateId=renderPrint.psml on their webpage].
	<jsxgraph width="500" height="600">		<jsxgraph width="500" height="600">
	var i, t = '', brd;		var i, t = '', brd;

2012-01-17T10:45:34Z

← Older revision		Revision as of 10:45, 17 January 2012
Line 51:		Line 51:
	this.dataX = [-off,-off-xArr[2(slide.Value()-slide._smin)]1,-off-xArr[2(slide.Value()-slide._smin)]1,-off,-off];		this.dataX = [-off,-off-xArr[2(slide.Value()-slide._smin)]1,-off-xArr[2(slide.Value()-slide._smin)]1,-off,-off];
	this.dataY = [y,y,y+1,y+1,y];		this.dataY = [y,y,y+1,y+1,y];
	}; })(stat.matrix[i], i);		}; })(stat.matrix[i], i);
	/*
	JXG.addEvent(m[i].rendNode, 'mouseover',		JXG.addEvent(m[i].rendNode, 'mouseover',
	(function(g,d){ return function(){		(function(g,d){ return function(){
Line 61:		Line 60:
	g.noHighlight(); w[g._number].noHighlight();		g.noHighlight(); w[g._number].noHighlight();
	};})(m[i]), m[i]);		};})(m[i]), m[i]);
	*/
	m[i].hasPoint = function(){return false;};		m[i].hasPoint = function(){return false;};
	m[i]._number = i;		m[i]._number = i;

2012-01-17T10:44:42Z

← Older revision		Revision as of 10:44, 17 January 2012
Line 52:		Line 52:
	this.dataY = [y,y,y+1,y+1,y];		this.dataY = [y,y,y+1,y+1,y];
	}; })(stat.matrix[i], i);		}; })(stat.matrix[i], i);
			/*
	JXG.addEvent(m[i].rendNode, 'mouseover',		JXG.addEvent(m[i].rendNode, 'mouseover',
	(function(g,d){ return function(){		(function(g,d){ return function(){
Line 61:		Line 61:
	g.noHighlight(); w[g._number].noHighlight();		g.noHighlight(); w[g._number].noHighlight();
	};})(m[i]), m[i]);		};})(m[i]), m[i]);
			*/
	m[i].hasPoint = function(){return false;};		m[i].hasPoint = function(){return false;};
	m[i]._number = i;		m[i]._number = i;

2010-07-31T15:21:14Z

← Older revision		Revision as of 15:21, 31 July 2010
Line 29:		Line 29:
	}		}
	data.reverse();		data.reverse();
	ages = JXG.Math~~.Matrix~~.transpose(dataArr);		ages = JXG.Math.transpose(dataArr);
	return {matrix:ages, total: data};		return {matrix:ages, total: data};
	};		};
Line 197:		Line 197:
	}		}
	data.reverse();		data.reverse();
	ages = JXG.Math~~.Matrix~~.transpose(dataArr);		ages = JXG.Math.transpose(dataArr);
	return {matrix:ages, total: data};		return {matrix:ages, total: data};
	};		};

2010-02-01T13:27:57Z

← Older revision		Revision as of 13:27, 1 February 2010
Line 34:		Line 34:

	brd = JXG.JSXGraph.initBoard('jxgbox', {boundingbox:[-850,110,850,-20],axis:false});		brd = JXG.JSXGraph.initBoard('jxgbox', {boundingbox:[-850,110,850,-20],axis:false});
	var slide = brd.create('slider',[[-700,-5],[300,-5],[2009,2009,2060]],{name:'~~Start~~ year',snapWidth:1});		var slide = brd.create('slider',[[-700,-5],[300,-5],[2009,2009,2060]],{name:'year',snapWidth:1});

	function createCurves(stat,brd, c1, c2) {		function createCurves(stat,brd, c1, c2) {
Line 213:		Line 213:
	<jsxgraph width="500" height="500">		<jsxgraph width="500" height="500">
	brd = JXG.JSXGraph.initBoard('jxgbox', {boundingbox:[-850,110,850,-20],axis:false});		brd = JXG.JSXGraph.initBoard('jxgbox', {boundingbox:[-850,110,850,-20],axis:false});
	var slide = brd.create('slider',[[-700,-5],[300,-5],[2009,2009,2060]],{name:'~~Start~~ year',snapWidth:1});		var slide = brd.create('slider',[[-700,-5],[300,-5],[2009,2009,2060]],{name:'year',snapWidth:1});

	function createCurves(stat,brd, c1, c2) {		function createCurves(stat,brd, c1, c2) {

2009-12-03T18:27:08Z

← Older revision		Revision as of 18:27, 3 December 2009
Line 29:		Line 29:
	}		}
	data.reverse();		data.reverse();
	~~alert(data);~~
	ages = JXG.Math.Matrix.transpose(dataArr);		ages = JXG.Math.Matrix.transpose(dataArr);
	return {matrix:ages, total: data};		return {matrix:ages, total: data};
Line 115:		Line 114:
	var n = slide.Value()-slide._smin,		var n = slide.Value()-slide._smin,
	data = stat1.total;		data = stat1.total;
	~~alert(n+' '+data[n][0]);~~
	textout2.innerHTML = 'Year:'+data[n][0]+		textout2.innerHTML = 'Year:'+data[n][0]+
	'<br> male:'+data[n][1]+		'<br> male:'+data[n][1]+

2009-12-03T18:26:25Z

2009-12-03T18:25:24Z

← Older revision		Revision as of 18:25, 3 December 2009
Line 30:		Line 30:
	}		}
	data.reverse();		data.reverse();
			alert(data);
	ages = JXG.Math.Matrix.transpose(dataArr);		ages = JXG.Math.Matrix.transpose(dataArr);
	return {matrix:ages, total: data};		return {matrix:ages, total: data};

2009-12-03T18:20:40Z

← Older revision		Revision as of 18:20, 3 December 2009
Line 8:		Line 8:
	var stat1 = readFile(dataV1W1EJ);		var stat1 = readFile(dataV1W1EJ);

			/**
			* Read the data from the JavaScript file, which was converted "by hand" from the csv file.
			*/
	function readFile(dataArr) {		function readFile(dataArr) {
	var len = dataArr.length,		var len = dataArr.length,

2009-12-03T18:15:09Z

← Older revision		Revision as of 18:15, 3 December 2009
Line 112:		Line 112:
	var n = slide.Value()-slide._smin,		var n = slide.Value()-slide._smin,
	data = stat1.total;		data = stat1.total;
	alert(n);		alert(n+' '+data[n][0]);
	textout2.innerHTML = 'Year:'+data[n][0]+		textout2.innerHTML = 'Year:'+data[n][0]+
	'<br> male:'+data[n][1]+		'<br> male:'+data[n][1]+