CINXE.COM
7 Billion World - 7 billion people on 1 page
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head><script type="text/javascript">var _sf_startpt=(new Date()).getTime()</script> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>7 Billion World - 7 billion people on 1 page</title> <meta name="description" content="The entire world population of seven billion people visualized on a single web page, one by one"> <meta property="og:title" content="7BillionWorld.com - 7 billion people on 1 page" /> <meta property="og:type" content="website" /> <meta property="og:url" content="http://www.7billionworld.com/" /> <meta property="og:image" content="http://www.7billionworld.com/img/seven_fb.gif" /> <meta property="og:site_name" content="7 Billion World" /> <meta property="fb:admins" content="1810087514" /> <meta property="og:description" content="7 billion people on 1 page" /> <link href="seven.css" rel="stylesheet" type="text/css"> <!--<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript">--> </head> <body> <div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=136137299807639"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <div id="offset"> <div id="sevenheader"> <ul> <li><a href="/howbig.php">how big is this page?</a></li> <li><a href="/counting.php">counting all of us</a></li> <li><a href="/faq.php">other faq & info</a></li> <li><a href="/about.php">about us</a></li> <li><a href="/contact/">contact us</a></li> </ul> </div> <table width="1100" border="0" cellspacing="0" cellpadding="10" class="toptable"> <tr> <td width="313" height="123" valign="top"><p align="left"><img src="img/seven_logo4.gif" width="230" height="50"><br> </p> <table width="250" border="0" cellpadding="0" cellspacing="0" align="center" class="legendtable"> <tr> <td width="25"><img src="seven_asia.gif" width="16" height="20"></td> <td width="28"><div align="center">=</div></td> <td width="247">1 person in <strong>Asia</strong></td> </tr> <tr> <td><img src="seven_africa.gif" width="16" height="20"></td> <td><div align="center">=</div></td> <td>1 person in <strong>Africa</strong></td> </tr> <tr> <td><img src="seven_americas.gif" width="16" height="20"></td> <td><div align="center">=</div></td> <td>1 person in the <strong>Americas</strong></td> </tr> <tr> <td><img src="seven_europe.gif" width="16" height="20"></td> <td><div align="center">=</div></td> <td>1 person in <strong>Europe</strong></td> </tr> <tr> <td><img src="seven_oceania.gif" width="16" height="20"></td> <td><div align="center">=</div></td> <td>1 person in <strong>Oceania</strong></td> </tr> <tr> <td colspan="3" class="whycolors"><div align="left"><a href="/faq.php">why these colors?</a></div></td> </tr> </table> </td> <td width="355" valign="top"><div align="left"> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- 7b inner 300x250 --> <ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-3701697624350410" data-ad-slot="2286401751"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </td> <td width="372" valign="top"><p><span class="line1">7 billion people on 1 page</span><br> <span class="line2">We recently reached 7 billion people in the world.<br> On this page you can see <a href="/counting.php">every single one of us</a>.<br> <strong>One by one. </strong><br> <br> How many are we right now? <a href="http://www.worldometers.info/watch/world-population/"><strong> Watch it live! </strong></a></span></p> <span style="font-size:14px; color:#999999"><em>...as seen on </em><a href="http://www.boredbutton.com/"><strong>Bored Button</strong></a></span> <img src="img/boredButton.png" align="absmiddle"><br> <br> <table width="100%" border="0" cellpadding="0"> <tr> <td width="61%"><div align="left"></div></td> <td width="25%"><a href="https://twitter.com/share" class="twitter-share-button" data-via="Worldometers">Tweet</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script></td> <td width="14%"><div align="right" class="fb-like" data-href="http://www.7billionworld.com" data-send="false" data-layout="button_count" data-width="150" data-show-faces="false"></div></td> </tr> </table> </td> </tr> </table></div> <div id="sevenwrapper"> <!-- 1 --> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td><div id="as1"></div></td> </tr> </table> <!-- 2 --> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td><div id="as2"></div></td> <td><div id="af1"></div></td> </tr> </table> <!-- 3 --> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td><div id="af2"></div></td> </tr> </table> <!-- 4 --> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td><div id="af3"></div></td> <td><div id="am1"></div></td> </tr> </table> <!-- 5 --> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td><div id="am2"></div></td> </tr> </table> <!-- 6 --> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td><div id="am3"></div></td> <td><div id="eu1"></div></td> </tr> </table> <!-- 7 --> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td><div id="eu2"></div></td> </tr> </table> <!-- 8 --> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td><div id="eu3"></div></td> <td><div id="oc1"></div></td> </tr> </table> <!-- 9 --> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td><div id="oc2"></div></td> </tr> </table> </div> <!-- END 7B --> <div id="more"> more ></div></td> </tr> </table> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="top"><div id="end1"> <div align="center"><span class="ads">Advertisement</span> <script type="text/javascript"><!-- google_ad_client = "ca-pub-3701697624350410"; /* 7b 728x90 */ google_ad_slot = "3671710090"; google_ad_width = 728; google_ad_height = 90; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </div> </div></td> <td><div id="end2"></div></td> <td><div id="end3"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="32" colspan="2"><div class="final">That's all 7 billion of us. An extraordinary moment in history, captured on October 31, 2011 at 5:49:16 GMT</div></td> </tr> <tr> <td width="53%" valign="top"><div align="left"><span class="ads">Advertisement</span> <script type="text/javascript"><!-- google_ad_client = "ca-pub-3701697624350410"; /* 7b 728x90 right */ google_ad_slot = "2864493184"; google_ad_width = 728; google_ad_height = 90; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </div></td> <td width="47%" valign="top"><div class="final"> <a href="http://www.worldometers.info/watch/world-population/" >see how many we are right now ></a> </div> <br> <table width="400" border="0" align="right" cellpadding="0" cellspacing="0"> <tr> <td width="33%"><!-- Place this tag where you want the +1 button to render --> <div align="center"> <!-- Place this tag where you want the +1 button to render --> <g:plusone size="tall"></g:plusone> <!-- Place this render call where appropriate --> <script type="text/javascript"> (function() { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/plusone.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })(); </script> </div></td> <td width="33%"><div align="center"><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="Worldometers">Tweet</a> <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script> </div></td> <td width="33%"><div align="right" class="fb-like" data-href="http://www.7billionworld.com" data-send="false" data-layout="box_count" data-width="150" data-show-faces="false"></div></td> </tr> </table></td> </tr> </table> </div></td> </tr> </table> <div id="PersonNo"> Person No.</div> <div align="center"> <script language="JavaScript1.2"> <!-- // Detect if the browser is IE or not. // If it is not IE, we assume that the browser is NS. var IE = document.all?true:false // If NS -- that is, !IE -- then set up for mouse capture if (!IE) document.captureEvents(Event.MOUSEMOVE) // Set-up to use getMouseXY function onMouseMove document.onmousemove = getMouseXY; //document.onscroll = getMouseXY; // Temporary variables to hold mouse x-y pos.s var tempX = 0 var tempY = 0 var mouseX, mouseY; // Main function to retrieve mouse x-y pos.s function getMouseXY(e) { if (IE) { // grab the x-y pos.s if browser is IE tempX = event.clientX + document.body.scrollLeft tempY = event.clientY + document.body.scrollTop mouseX = event.clientX; mouseY = event.clientY; } else { // grab the x-y pos.s if browser is NS tempX = e.pageX tempY = e.pageY mouseX = e.x; mouseY = e.y; } // catch possible negative values in NS4 if (tempX < 0){tempX = 0} if (tempY < 0){tempY = 0} // show the position values in the form named Show // in the text fields named MouseX and MouseY var PersonHeight = 20; var PersonWidth = 16; var PersonPerRow = 40000; var NoOfRow = 175000; var LeftOffset = 0;//document.getElementById('as1').offsetLeft, var TopOffset = 300;//document.getElementById('as1').offsetTop; PersonNoX = Math.round((tempX + PersonWidth/2 - LeftOffset)/PersonWidth); PersonRowY = Math.round((tempY - PersonHeight/2 - TopOffset)/PersonHeight); document.getElementById("PersonNo").innerHTML = format_number(PersonRowY * PersonPerRow + PersonNoX); document.getElementById("PersonNo").style.top = (tempY + 25) + "px"; document.getElementById("PersonNo").style.left = (tempX - 10) + "px"; document.getElementById("PersonNo").style.display = "block"; if(tempX < LeftOffset || tempY < TopOffset || tempX > LeftOffset + PersonPerRow * PersonWidth || tempY > TopOffset + PersonHeight * NoOfRow) document.getElementById("PersonNo").style.display = "none"; else document.getElementById("PersonNo").style.display = "block"; return true } function format_number(num){ var temp = num; var newnum = "",a,b; var seperator = ","; var number_of_zeros = 3; var one_zeros = Math.pow(10,number_of_zeros); while(temp){ add = temp%one_zeros; if(temp >= 1000) add = padDigits(add, number_of_zeros); if(newnum == "") newnum = add; else newnum = add + seperator + newnum; temp = parseInt(temp/one_zeros); } return newnum; } function padDigits(n, totalDigits) { n = n.toString(); var pd = ''; if (totalDigits > n.length) { for (i=0; i < (totalDigits-n.length); i++) { pd += '0'; } } return pd + n.toString(); } //--> </script><div id="footermain"><img src="img/copy2.gif" width="380" height="11"></div> </div> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-26691465-1']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script><script type="text/javascript"> var _sf_async_config={uid:30388,domain:"7billionworld.com"}; (function(){ function loadChartbeat() { window._sf_endpt=(new Date()).getTime(); var e = document.createElement('script'); e.setAttribute('language', 'javascript'); e.setAttribute('type', 'text/javascript'); e.setAttribute('src', (("https:" == document.location.protocol) ? "https://a248.e.akamai.net/chartbeat.download.akamai.com/102508/" : "http://static.chartbeat.com/") + "js/chartbeat.js"); document.body.appendChild(e); } var oldonload = window.onload; window.onload = (typeof window.onload != 'function') ? loadChartbeat : function() { oldonload(); loadChartbeat(); }; })(); </script> </body> </html>