deletions | additions       diff --git a/css/style.css b/css/style.css  index 412251c..878ae46 100644  --- a/css/style.css  +++ b/css/style.css 
...
}  svg {  font: 15px sans-serif; font-family: "Telex"; font-weight: 200; padding: 10px; background: #eeeeee; #f7f5f0;  margin: 0 auto; display: block; border: 1px solid #bbb;  border-radius: 8px;  }  .axis, 
...
shape-rendering: crispEdges;  }  .caption{  word-wrap: normal;  font: 15px sans-serif;  font-family: "Telex";  }  .axis line {  stroke: #ddd;  } 
...
}  .frame {  fill: none; #fff;  stroke: #aaa;  zorder: -1;  }  circle { 
...
stroke: #fff;  }  .button #controls  { -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;  -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;  box-shadow:inset 0px 1px 0px 0px #ffffff;  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );  background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');  background-color:#ededed;  -webkit-border-top-left-radius:15px;  -moz-border-radius-topleft:15px;  border-top-left-radius:15px;  -webkit-border-top-right-radius:15px;  -moz-border-radius-topright:15px;  border-top-right-radius:15px;  -webkit-border-bottom-right-radius:15px;  -moz-border-radius-bottomright:15px;  border-bottom-right-radius:15px;  -webkit-border-bottom-left-radius:15px;  -moz-border-radius-bottomleft:15px;  border-bottom-left-radius:15px;  text-indent:0px;  border:1px solid #dcdcdc;  display:inline-block;  color:#777777;  font-family:Impact;  font-size:15px;  font-weight:bold;  font-style:normal;  height:33px;  line-height:33px;  width:54px;  text-decoration:none;  text-align:center;  text-shadow:1px 0px 0px #ffffff; margin: 0 auto;  text-align: center;  }  .:hover #controls button  { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );  background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');  background-color:#dfdfdf;  }.:active {  position:relative;  top:1px; margin: 5px;  margin-top: 10px;  margin-bottom: 10px;  height: 30px;  }  #content {  display: block; #caption{  word-wrap: normal;  font: 18px sans-serif;  font-family: "Telex";  width: 60%;  margin: 0 auto;  background: #ff0000;  }  diff --git a/panel_test.html b/panel_test.html  index 745b44a..795ced8 100644  --- a/panel_test.html  +++ b/panel_test.html 
...
csv_data = data;  update_state(states[0]);    d3.selectAll("#content button").data(states) d3.select("#controls").selectAll("button").data(states)  .enter().append("button")  .html(function(d, i){ return d['name']; })  .on("click", function(e,i) { 
...
}  });    // Define the axis objects  var xAxis = d3.svg.axis()  .scale(xScaler)  .orient("bottom")  .ticks(5);    var yAxis = d3.svg.axis()  .scale(yScaler)  .orient("left")  .ticks(5);    xAxis.tickSize(tickSize);  yAxis.tickSize(tickSize);    if (typeof state['colorAxis'] != 'undefined') {  color_scale.domain(domainByDataColumn[state['colorAxis']]);  color_scale.range(["red", "blue"]); 
...
.append("g")  .attr("transform", "translate(" + padding/2. + "," + padding/2. + ")");    d3.select("#caption")  .text(current_state.caption)    var cell = svg.selectAll(".cell")  .data(d)  .enter().append("g")  .attr("class", "cell")  .attr("transform", function(d) {   return "translate(" + d.j*(plot_size) + ","   + (nRows - d.i - 1)*plot_size + ")";   })  .each(plot);    // Define the brush object  var brush = d3.svg.brush()  .x(xScaler)  .y(yScaler)  .on("brushstart", brushstart)  .on("brush", brushmove)  .on("brushend", brushend);    cell.call(brush);    // Add axes to the plots  var xAxis = d3.svg.axis()  .scale(xScaler)  .orient("bottom")  .ticks(5);    var yAxis = d3.svg.axis()  .scale(yScaler)  .orient("left")  .ticks(5);    xAxis.tickSize(tickSize);  yAxis.tickSize(tickSize);  svg.selectAll(".x.axis")  .data(xColumnNames)  .enter().append("g") 
...
d3.select(this).call(yAxis);   });      d3.select("body").append("p").attr("class", "caption").text(current_state.caption)    var cell = svg.selectAll(".cell")  .data(d)  .enter().append("g")  .attr("class", "cell")  .attr("transform", function(d) {   return "translate(" + d.j*(plot_size) + ","   + (nRows - d.i - 1)*plot_size + ")";   })  .each(plot);    // Define the brush object  var brush = d3.svg.brush()  .x(xScaler)  .y(yScaler)  .on("brushstart", brushstart)  .on("brush", brushmove)  .on("brushend", brushend);    cell.call(brush);    // If state has a 'selection':  state['plots'].forEach(function(p,i) {  if (typeof p['selection'] != 'undefined') { 
...
       id="controls">