Difference between revisions of "Animated age pyramid"

From JSXGraph Wiki
Jump to: navigation, search
Line 165: Line 165:
 
</script>
 
</script>
 
</html>
 
</html>
 +
 +
===How to create this animation===
 +
* Download the data from [https://www-ec.destatis.de/csp/shop/sfg/bpm.html.cms.cBroker.cls?CSPCHD=0080000100004517mg7C0000001aNX9fOZSV45NMNmJCrMrg--&cmspath=struktur,vollanzeige.csp&ID=1024891 destatis.de]
 +
* Save the table which should be displayed as csv file.
 +
* Transform the csv file into a JavaScript file containing an 2 dimensional array:
 +
<source lang="javascript">
 +
dataV1W1EJ = [["2009"," ","m"," 40 070 ","  341 ","  350 ","  353 ","  348 ",...,"  2 "],
 +
["    "," ","w"," 41 665 ","  323 ","  333 ","  335 ","  329 ",...,"  12 "],
 +
["    "," ","i"," 81 735 ","  663 ","  683 ","  688 ","  677 ",...,"  13 "],
 +
["2010"," ","m"," 39 987 ","  339 ","  341 ","  350 ","  353 ",...,"  2 "],
 +
...
 +
[" "," ","i"," 64 651 ","  465 ","  470 ","  476 ","  481 ",...,"  169 "]];
 +
</source>
 +
Every third row labeled by 'i' in the third column will be deleted later on.
 +
* Now read the data
 +
<source lang="javascript">
 +
 +
</source>
 +
 +
[[Category:Examples]]
 +
[[Category:Charts]]

Revision as of 15:47, 23 November 2009

This animation shows data from the 12th coordinated Population Projection from the "Statistisches Bundesamt".

 
 

How to create this animation

  • Download the data from destatis.de
  • Save the table which should be displayed as csv file.
  • Transform the csv file into a JavaScript file containing an 2 dimensional array:
dataV1W1EJ = [["2009"," ","m"," 40 070 ","  341 ","  350 ","  353 ","  348 ",...,"  2 "],
["    "," ","w"," 41 665 ","  323 ","  333 ","  335 ","  329 ",...,"  12 "],
["    "," ","i"," 81 735 ","  663 ","  683 ","  688 ","  677 ",...,"  13 "],
["2010"," ","m"," 39 987 ","  339 ","  341 ","  350 ","  353 ",...,"  2 "],
...
[" "," ","i"," 64 651 ","  465 ","  470 ","  476 ","  481 ",...,"  169 "]];

Every third row labeled by 'i' in the third column will be deleted later on.

  • Now read the data