Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
tree: 8c7a3ed250
Fetching contributors…

Cannot retrieve contributors at this time

45 lines (38 sloc) 1.938 kb
<html>
<head>
<title>Census Map Demo</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="map_canvas"></div>
<div id="flag"><img src="logo.png" alt="Chicago Tribune" /></div>
<div id="legend">
<h1>Illinois population 2010<br/></h1>
<h2>Mapped by county</h2>
<p>Counties are colored by the number of people per square kilometer.</p>
<div class="colors">
<span class="less-than-five"></span>Fewer than 5<br/>
<span class="less-than-ten"></span>5 or more<br/>
<span class="less-than-twenty-five"></span>10 or more<br/>
<span class="less-than-fifty"></span>25 or more<br/>
<span class="less-than-one-hundred"></span>50 or more<br/>
<span class="less-than-five-hundred"></span>100 or more<br/>
<span class="five-hundred-or-more"></span>500 or more<br/>
</div>
<p>Zoom in or search to see population of each county.</p>
<form id="search">
<label for="query">Search for your address</label>
<input id="query" type="text" />
<input type="submit" value="Go" />
<div id="alt-addresses"></div>
</form>
<div id="credits">
<p>Made by Brian Boyer</p>
<p>Data from the U.S. Census Bureau's <a href="factfinder2.census.gov">American FactFinder</a></p>
</div>
</div>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
<script type="text/javascript" src="map.js"></script>
</body>
</html>
Jump to Line
Something went wrong with that request. Please try again.