Animated age pyramid: Difference between revisions
From JSXGraph Wiki
A WASSERMANN (talk | contribs) No edit summary |
A WASSERMANN (talk | contribs) No edit summary |
||
| Line 89: | Line 89: | ||
brd.suspendUpdate(); | brd.suspendUpdate(); | ||
createCurves(stat1,brd,'#658cb2','#b23f8c'); | createCurves(stat1,brd,'#658cb2','#b23f8c'); | ||
brd.create('text',[-300,45,'men'],{color:'white',fontSize:20}); | //brd.create('text',[-300,45,'men'],{color:'white',fontSize:20}); | ||
brd.create('text',[200,45,'women'],{color:'white',fontSize:20}); | //brd.create('text',[200,45,'women'],{color:'white',fontSize:20}); | ||
brd.unsuspendUpdate(); | brd.unsuspendUpdate(); | ||
| Line 143: | Line 143: | ||
<input type="button" id="playbutton" value="play" onClick="player();"> | <input type="button" id="playbutton" value="play" onClick="player();"> | ||
</form> | </form> | ||
<div id="output2" style="padding:20px; background-color:#bbbbbb; width: | <div id="output2" style="padding:20px; background-color:#bbbbbb; width:500px; font-family:Arial,Helvetica"> </div> | ||
<div id="output" style="padding:20px; background-color:#dddddd; width: | <div id="output" style="padding:20px; background-color:#dddddd; width:500px; font-family:Arial,Helvetica"> </div> | ||
<div id="debug" style="display:block;"></div> | <div id="debug" style="display:block;"></div> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
Revision as of 13:16, 23 November 2009
This animation shows data from the 12th coordinated Population Projection from the "Statistisches Bundesamt".
