Find file
Fetching contributors…
Cannot retrieve contributors at this time
117 lines (105 sloc) 4.86 KB
<!DOCTYPE html>
<title>Population Pyramid</title>
<meta charset="utf-8" />
<META name="description" content="Visualization of the population pyramids of the world, based on the United Nations data."/>
<META name="keywords" content="Population, Pyramid, Demographics, Visualization"/>
<link href=',bold,italic,bolditalic' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="tot_pop.json"></script>
<script type="text/javascript" src="raphael.js"></script>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="pyramid.js"></script>
<link rel="shortcut icon" href="favicon.ico">
<link rel="stylesheet" type="text/css" href="media/base.css" />
<link rel="stylesheet" type="text/css" href="media/960.css" />
<div id="header" class="container_12">
<div id="empty_div" class="grid_9 ">
<span id="currentCountry"></span> <br/>
<div id="title" class="grid_3 ">
<div class="clear"></div>
<div id="header2" class="container_12">
<div id="title2" class="grid_7">
<div id="tot_pop"></div>
<span id="currentYear">2010</span> <br/>
<div class="clear"></div>
<div id="content" class="container_12">
<div id="canvas_container_div" class="grid_7 " >
<div id="canvas_container" ></div>
<div id="year_list_div" class="grid_1 " style="display: table-cell; vertical-align: middle;">
<ul id="year_list">
<div id="alpha_list_div" class="grid_1 ">
<div style="margin-left:11px;">
<ul id="alpha_list">
<div id="country_list_div" class="grid_3 ">
<ul id="country_list">
<div id="link" class="container_12">
<div id="url_div" class="grid_12">
Link: <a href="" id="page_url"><span id="url"></a>
<div id="footer" class="container_12">
<div id="about_div" class="grid_7 ">
<div id="about">
<p><em>Population Division of the Department of Economic and Social Affairs of the United Nations Secretariat, World Population Prospects: The 2008 Revision</em>
<p><a href=""></a> (Medium Variant)</p>
<p>Data downloaded on Saturday, December 04, 2010 at 7:16:51 PM.</p>
<div id="tech_div" class="grid_1 ">
<div id="tech_div" class="grid_4 ">
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
<a class="addthis_button_compact"></a>
<script type="text/javascript" src=""></script>
<!-- AddThis Button END -->
<p>Visualization by <a href="">Martin De Wulf</a>.</p>
<p>Twitter: <a href="">@madewulf</a></p>
<p>Made using <a href="">Raphaël</a>, <a href="">JQuery</a> and
<a href="">Python</a> </p>
<p>All code on <a href=""></a></p>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "' type='text/javascript'%3E%3C/script%3E"));
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-1397562-7");
} catch(err) {}