homepage skyscrapes
by amcharts
HTML
<script src="http://www.amcharts.com/lib/3/amcharts.js" type="text/javascript"></script>
<script src="http://www.amcharts.com/lib/3/serial.js" type="text/javascript"></script>
<body style="margin:0">
<div id="chartdiv" style="width: 100%; height: 706px;background-image:url('http://extra.amcharts.com/labs/html5/3/bg_city.png')">
<div id="city" style="width: 100%; position: abosolute; top:0px; left:0px; height: 507px;"></div>
<div id="curves" style="width: 100%; position:absolute; top:0px; left:0px; height: 507px;"></div>
<div id="coastline" style="width: 100%; position:absolute; top:0px; left:0px; height: 580px;"></div>
</div>
</body>
JavaScript
var chart;
var graph;
// months in JS are zero-based, 0 means January
var chartData = [
{
"year": "1950",
"value": 0
},
{
"year": "1951",
"value": 0
},
{
"year": "1952",
"value": 0
},
{
"year": "1953",
"value": 0.025
},
{
"year": "1954",
"value": 0.029
},
{
"year": "1955",
"value": 0.07
},
{
"year": "1956",
"value": 0.11
},
{
"year": "1957",
"value": 0.08
},
{
"year": "1958",
"value": 0.011
},
{
"year": "1959",
"value": 0
},
{
"year": "1960",
"value": 0
},
{
"year": "1961",
"value": 0
},
{
"year": "1962",
"value": 0
},
{
"year": "1963",
"value": 0
},
{
"year": "1964",
"value": 0.27
},
{
"year": "1965",
"value": 0.33
},
{
"year": "1966",
"value": 0.33
},
{
"year": "1967",
...