Permalink
Browse files

parish names

  • Loading branch information...
1 parent 8e706af commit e00cc34fe2a33cff787f42925d94aa72cfa45821 @tlevine committed Aug 18, 2013
Showing with 9 additions and 0 deletions.
  1. +6 −0 client/css/styles.css
  2. +2 −0 client/js/views/dashboard/page.js
  3. +1 −0 client/templates/dashboard/page.html
@@ -45,3 +45,9 @@ a.download {
display: inline-block;
background-color: rgba(0,0,0,0.3);
}
+
+#barplot .parish-name {
+ position: absolute;
+ top: 50px;
+ right: 50px;
+}
@@ -62,6 +62,8 @@ function createMap(){
.on('click', function(parish,i) {
d3.select('#barplot').selectAll('a.bar')
.style('display', 'none')
+ d3.select('#barplot').selectAll('.parish-name')
+ .text(parish.properties.COUNTY)
var count = permitApplications.filter(function(a){
return a.parish === parish.properties.COUNTY
@@ -3,6 +3,7 @@
<div id="map" style="height: 400px;"><div class="loading">Loading map...</div></div>
<p style="display:none;" class="caption">Impacted acres by parish; grey means no impacted acres, and red means many impacted acres.</p>
<div id="barplot" style="height: 250px; display: none;">
+ <h3 class="parish-name"></h3>
<div class="tick" style="top: 200px;"><div class="line"></div><span style="color: rgba(255,255,255,0);">0</span>500 acres</div>
<div class="tick" style="top: 150px;"><div class="line"></div>1000 acres</div>
<div class="tick" style="top: 50px;"><div class="line"></div>2000 acres</div>

0 comments on commit e00cc34

Please sign in to comment.