CINXE.COM

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>About ChartsBin.com</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <link rel="stylesheet" href="http://cdn3.chartsbin.com/css/3.31-min.css" type="text/css"> <link rel="alternate" type="application/rss+xml" href="http://feeds.feedburner.com/ChartsbinLatest" title="ChartsBins Latest updates"> <link rel="icon" href="http://cdn3.chartsbin.com/images/favicon.ico" type="image/x-icon"> <link rel="shortcut icon" href="http://cdn3.chartsbin.com/images/favicon.ico" type="image/x-icon"> <meta name="copyright" content="Copyright ChartsBin - 2010"> <meta name="author" content="ChartsBin"> <meta name="Distribution" content="Global"> <meta name="Rating" content="General"> <meta name="Revisit-after" content="7 Days"> <meta name="description" content="Create fully customizable interactive map online. No installation required. No coding needed."> <meta name="keywords" content="maps, map, mapping, interactive maps, heatmap, mapping solution, mapping software, online tool, europe, usa, america, states,locations"> <script type="text/javascript"> function loadScript(url){ setTimeout(function(){ var e = document.createElement("script");e.type="text/javascript";e.async = true;e.src = url; (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(e); }, 1); }; document.write(unescape("%3Cscript src='http://cdn3.chartsbin.com/js/3.31-min.js' type='text/javascript'%3E%3C/script%3E")); document.write(unescape("%3Cscript src='http://www.google.com/jsapi' type='text/javascript'%3E%3C/script%3E")); </script> </head> <body> <div id="doc4" class="yui-t7"> <div id="hd">  <div id="topnav"> <a href="http://chartsbin.com/about/apply" title="Create your own interactive chart">Register to create your own interactive chart</a> | <a href="https://chartsbin.com/login" title="ChartsBin.com Login">Login »</a> </div> <div id="logo"><a href="/" title="ChartsBin.com Home"><img height="32" width="170" alt="ChartsBin.com Logo" src="http://cdn3.chartsbin.com/images/logo_new.png"></a></div> <div id="cse-search-form"> <form action="http://chartsbin.com/search.php" id="cse-search-box"> <input type="hidden" name="cx" value="partner-pub-6729665102039572:6542568855"> <input type="hidden" name="cof" value="FORID:10"> <input type="hidden" name="ie" value="UTF-8"> <input type="text" name="q" size="55" class="gsc-input" autocomplete="off"> <button type="submit" class="btn gsc-button" name="sa"><span class="text" style="padding:0 10px 2px;">Search</span></button> </form> </div> <div id="toplinks" class="box_shadow"> <ul> <li><a class="" href="http://chartsbin.com/graph" style="margin: 0 0 0 0.5em;padding:2px;border-right: 2px solid #FFFFFF;"><span class="text cb32icon home">All</span></a></li> <li><a class="" href="http://chartsbin.com/graph/country_info">Country info</a></li> <li><a class="" href="http://chartsbin.com/graph/drugs_and_crime">Drugs & Crime</a></li> <li><a class="" href="http://chartsbin.com/graph/environment">Environment</a></li> <li><a class="" href="http://chartsbin.com/graph/economic">Economic</a></li> <li><a class="" href="http://chartsbin.com/graph/food_and_agriculture">Food & Agriculture</a></li> <li><a class="" href="http://chartsbin.com/graph/health">Health</a></li> <li><a class="" href="http://chartsbin.com/graph/social">Social</a></li> <li><a class="" href="http://chartsbin.com/graph/society">Society</a></li> </ul> <ul style="float: right;"> <li><a style="text-align: right; width: 130px; background-color:#2D2D2D !important; color:#cacaca !important;">More ▼</a> <ul> <li><a class="" href="http://chartsbin.com/graph/education">Education</a></li> <li><a class="" href="http://chartsbin.com/graph/energy">Energy</a></li> <li><a class="" href="http://chartsbin.com/graph/immigration">Immigration</a></li> <li><a class="" href="http://chartsbin.com/graph/infrastructure">Infrastructure</a></li> <li><a class="" href="http://chartsbin.com/graph/information_and_communication_technology">Information & Communication Technology</a></li> <li><a class="" href="http://chartsbin.com/graph/people">People</a></li> <li><a class="" href="http://chartsbin.com/graph/population">Population</a></li> <li><a class="" href="http://chartsbin.com/graph/religion">Religion</a></li> <li><a class="" href="http://chartsbin.com/graph/sports">Sports</a></li> <li><a class="" href="http://chartsbin.com/graph/tourism">Tourism</a></li> <li><a class="" href="http://chartsbin.com/graph/work">Work</a></li> <li><a class="" href="http://chartsbin.com/graph/others">Others</a></li> </ul> </li> </ul> <div class="clear"></div> </div>  </div> <div id="bd"> <div class="yui-g description"> <noscript><div class="error">JavaScript is turned off in your browser. JavaScript must be enabled in order for you to use ChartsBin.com. If you need help enabling JavaScript, please <a target="_blank" href='https://www.google.com/adsense/support/bin/answer.py?answer=12654'>click here</a></div></noscript> <h1>Create your own interactive map</h1> <p>It's free for now.</p>   <p>Please fill out the email address and click "Register".</p> <div class="comment-post"> <form method="post" action="http://chartsbin.com/app/register"> <div class="row"> <label for="email" class="small">E-Mail (required)</label> <input type="text" name="email" id="email" class="textfield" value="" size="24" tabindex="2" />    <button type="submit" name="comment_button" class="btn force-hover"><span class="text">Register</span></button> <input name="message" type="text" size="30" style="display:none"> <input type="hidden" value="1" name="apply"/> <input type="hidden" value="67f56eb3" name="v"/> <input type="hidden" value="" name="time"/> <input type="hidden" value="" name="agent"/> </div> </form> </div> </div> <h2>Visualizations below were generated using the "ChartsBin.com" tool:</h2> <div class="project-tabs"> <ul class="tab-head" style="height:auto"> <li><a href="#tabs-533">World Map: Bar-chart Inside Tooltip</a></li> <li><a href="#tabs-554">World Map: Image Inside Tooltip</a></li> <li><a href="#tabs-1160">World Map: Chart Inside Tooltip</a></li> <li><a href="#tabs-1002">World Map: Pie-Chart Inside Tooltip</a></li> <li><a href="#tabs-1017">World Map: Choropleth Map</a></li> <li><a href="#tabs-501">World Map: Proportional Symbol Map - Square</a></li> <li><a href="#tabs-1009">World Map: Proportional Symbol Map - Circle</a></li> <li><a href="#tabs-1003">World Map: Static Map</a></li> <li><a href="#tabs-1961">Bar chart</a></li> <li><a href="#tabs-oau">Line chart</a></li> <li><a href="#tabs-wwu">Pie chart</a></li> </ul> <div id="tabs-554"><iframe width="800" height="400" rel="http://chartsbin.com/embed/554" frameborder="0"> </iframe></div> <div id="tabs-533"><iframe width="800" height="400" rel="http://chartsbin.com/embed/533" frameborder="0"> </iframe></div> <div id="tabs-1160"><iframe width="800" height="400" rel="http://chartsbin.com/embed/1160" frameborder="0"> </iframe></div> <div id="tabs-1002"><iframe width="800" height="400" rel="http://chartsbin.com/embed/1002" frameborder="0"> </iframe></div> <div id="tabs-501"><iframe width="800" height="400" rel="http://chartsbin.com/embed/501" frameborder="0"> </iframe></div> <div id="tabs-1017"><iframe width="800" height="400" rel="http://chartsbin.com/embed/1017" frameborder="0"> </iframe></div> <div id="tabs-1009"><iframe width="800" height="400" rel="http://chartsbin.com/embed/1009" frameborder="0"> </iframe></div> <div id="tabs-1003"><iframe width="800" height="400" rel="http://chartsbin.com/embed/1003?static=1" frameborder="0"> </iframe></div> <div id="tabs-oau"><iframe width="800" height="400" rel="http://chartsbin.com/embed/oau" frameborder="0"> </iframe></div> <div id="tabs-wwu"><iframe width="800" height="400" rel="http://chartsbin.com/embed/wwu" frameborder="0"> </iframe></div> <div id="tabs-1961"><iframe width="800" height="400" rel="http://chartsbin.com/embed/1961" frameborder="0"> </iframe></div> </div> <div class="description"> <h2>With ChartsBin.com, you can</h2> <ul> <li>create interactive maps online instantly! No installation required. No coding needed.</li> <li>embed the map in your own website or blog easily (simply copy & paste HTML code, no FTP)</li> <li>export the map as an image.</li> <li>create choropleth and proportional symbol map.</li> <li>create map: displaying an image inside a tooltip.</li> <li>create map: displaying chart inside a tooltip.</li> <li>specify different zoom levels and position.</li> <li>support for: professional colors from <a target="_blank" href="http://www.colorbrewer.org">ColorBrewer.org</a>.</li> <li>support for: most major map projections (Bonne, Cylindrical Equal Area, Gall-Peters, Mercator, Miller Cylindrical, Mollweide, Robinson, Sinusoidal, Van der Grinten (I), Wagner VII, Winkel Tripel, Albers Equal Area, Azimuthal Equidistant).</li> <li>works in iPad, iPhone and other mobile device (coming soon).</li> </ul> <p>It's free for now.</p> <p>Please fill out the email address and click "Register".</p> <div class="comment-post"> <form method="post" action="http://chartsbin.com/app/register"> <div class="row"> <label for="email" class="small">E-Mail (required)</label> <input type="text" name="email" id="email" class="textfield" value="" size="24" tabindex="2" />    <button type="submit" name="comment_button" class="btn force-hover"><span class="text">Register</span></button> <input name="message" type="text" size="30" style="display:none"> <input type="hidden" value="1" name="apply"/> <input type="hidden" value="67f56eb3" name="v"/> <input type="hidden" value="" name="time"/> <input type="hidden" value="" name="agent"/> </div> </form> </div> </div> <script type="text/javascript"> $(document).ready(function () { $(".project-tabs").tabs({ show:function(event, ui) { var iframe = $("#"+ui.panel.id+ " iframe"); if(iframe.attr("src")==undefined){ iframe.attr('src',iframe.attr('rel')); } } }).addClass('ui-tabs-vertical ui-helper-clearfix'); $('input[name=time]').val(Date()); $('input[name=agent]').val(navigator.userAgent); }); </script> <div> </div> </div> <div id="ft"><div id="copyright">Copyright 2011 ChartsBin.com. All rights reserved.</div><a title="About US" href="/about/">About</a> | <a title="Chat" href="https://chartsbin.campfirenow.com/7025b">Chat</a> | <a title="Contact US" href="/about/contact">Contact</a> | <a title="Sign Up" href="/about/apply">Sign Up</a> | <a title="Privacy Policy" href="/about/privacy">Privacy</a> | <a title="Legal" href="/about/legal">Legal</a> | <a href="http://chartsbin.uservoice.com" target="_blank" title="Feedback">Feedback</a></div> </div> <script type="text/javascript"> var _qevents = _qevents || [], _gaq = _gaq || [],_kmq = _kmq || [],secure = "http://",quantserveSSL = "edge", reinvigorateSSL = "",hasSVG = !!document.createElementNS && !!document.createElementNS("http://www.w3.org/2000/svg", "svg").createSVGRect; if(document.location.protocol == "https:"){ secure = "https://"; quantserveSSL = "secure"; reinvigorateSSL = "ssl-"; } _gaq.push(['_setAccount', 'UA-1842699-9'],['_setCustomVar', 1, 'hasSVG', hasSVG.toString(), 1 ],['_trackPageview'],['_trackPageLoadTime']); _qevents.push({ qacct:"p-c439YeBRW9Mx6" }); (function () { loadScript(secure + "www.google-analytics.com/ga.js"); loadScript(secure + quantserveSSL +".quantserve.com/quant.js"); loadScript(secure + reinvigorateSSL + "include.reinvigorate.net/re_.js"); })(); setTimeout(function(){ try {reinvigorate.track("9t5z6-h1zo2a79q9");} catch(err) {} }, 1000); </script> <noscript><img src="//pixel.quantserve.com/pixel/p-c439YeBRW9Mx6.gif" style="display: none;" height="1" width="1" alt="Quantcast"/></noscript>  <script type="text/javascript"> /* <![CDATA[ */ var google_conversion_id = 989600824; var google_conversion_language = "en"; var google_conversion_format = "3"; var google_conversion_color = "ffffff"; var google_conversion_label = "PXchCKizkAIQuLjw1wM"; var google_conversion_value = 0; /* ]]> */ </script> <script type="text/javascript" src="http://www.googleadservices.com/pagead/conversion.js"> </script> <noscript> <div style="display:inline;"> <img height="1" width="1" style="border-style:none;" alt="" src="http://www.googleadservices.com/pagead/conversion/989600824/?label=PXchCKizkAIQuLjw1wM&guid=ON&script=0"/> </div> </noscript> <script type="text/javascript"> $(document).ready(function () { if($.browser.chrome || $.browser.safari){ $("#toplinks ul ul").css('left',"-167px"); } }); </script> </body> </html>