Permalink
Browse files

aoeu

  • Loading branch information...
1 parent e00cc34 commit 11ab6e447ba140efcdc538ee0b2daf853d74f8c6 @tlevine committed Aug 18, 2013
Showing with 7 additions and 9 deletions.
  1. +2 −4 client/css/styles.css
  2. +2 −3 client/js/views/dashboard/page.js
  3. +3 −2 client/templates/dashboard/page.html
View
6 client/css/styles.css
@@ -46,8 +46,6 @@ a.download {
background-color: rgba(0,0,0,0.3);
}
-#barplot .parish-name {
- position: absolute;
- top: 50px;
- right: 50px;
+#parish-name {
+ height: 1em;
}
View
5 client/js/views/dashboard/page.js
@@ -24,7 +24,7 @@ function createMap(){
d3.json("/impacts.json", function(collection){
d3.select('#map > .loading').style('display', 'none')
d3.select('#barplot').style('display', 'block')
- d3.select('.caption').style('display', 'block')
+ d3.selectAll('p.caption').style('display', 'block')
collection.features.sort(function(a, b) { return b.properties.impacted_acres_prop_max - a.properties.impacted_acres_prop_max })
data = collection;
@@ -62,8 +62,7 @@ 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)
+ document.getElementById('parish-name').innerText = 'Permit Application Acreages for ' + parish.properties.COUNTY
var count = permitApplications.filter(function(a){
return a.parish === parish.properties.COUNTY
View
5 client/templates/dashboard/page.html
@@ -1,9 +1,10 @@
<div class="span12">
- <h2>Acreages of permit applications</h2>
+ <h2>Where are the projects with big impacts?</h2>
<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>
+ <hr>
+ <h3 id="parish-name">Permit Application Acreages</h3>
<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 11ab6e4

Please sign in to comment.