Global Population

by Adam Nekola

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>

<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
<div class="toggles">
    <div class="active">Global</div>
    <div>U.S.</div>
</div>

CSS

.toggles div {
    float:left;
    border:1px solid #777;
    padding:10px;
    margin-right:10px;
    cursor:pointer;
}
.active {
    background:#ccc;
}

JavaScript

$(function () {
    
        var trend_us = [{
                "index": 0,
                "name": "Age 65+",
                data: [13043000, 15075000, 17047000, 18939000, 20486000, 22957000, 25983000, 28819000, 31735000, 33722000, 35190000, 36804000, 40794000, 47692000, 55939000, 65122000, 73068000, 78140000, 81138000, 83261000, 85979000]
            },{
                "index": 1,
                "name": "Age 15-64",
                data: [102175000, 105415000, 111910000, 120430000, 130064000, 141310000, 152172000, 160698000, 167587000, 175737000, 188645000, 200188000, 209506000, 214392000, 217381000, 218905000, 221254000, 225798000, 231573000, 237431000, 242115000]
            },{
                "index": 2,
                "name": "Age 0-14",
                data: [42596000, 50450000, 57405000, 60316000, 59341000, 55172000, 52021000, 52353000, 55184000, 58581000, 60760000, 61173000, 61947000, 63043000, 64664000, 66599000, 68307000, 69530000, 70454000, 71419000, 72759000]
            }];
    
        var trend_global = [{
                "index": 0,
                "name": "Age 65+",
                data: [128427000,140021000,153313000,170600000,197725000,231127000,266311000,292091000,330694000,376387000,422561000,477288000,530507000,603986000,716057000,834404000,973093000,1118466000,1252546000,1362807000,1489570000]
            },{
                "index": 1,
                "name": "Age 15-64",
                data: [1529700000,1638246000,1749952000,1895050000,2106366000,2341343000,2615166000,2927838000,3239475000,3533330000,3858347000,4215030000,4543439000,4816708000,5042961000,5267338000,5470809000,5641213000,5787745000,5927078000,6026928000]
            },{
                "index": 2,
                "name": "Age 0-14",
                data:...