Animated age pyramid: Difference between revisions
From JSXGraph Wiki
A WASSERMANN (talk | contribs) No edit summary |
A WASSERMANN (talk | contribs) No edit summary |
||
| 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 13: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
