g3widget.html

<!-- g3widget.html is included in the HTML uploaded by UI.R.  
     It handles included javascript and extended css -->
<!--<script src="external/d3.v3.js"></script>-->
<!--<script src="external/underscore-min.js"></script>-->
<script src="http://d3js.org/d3.v3.js"></script>
<script src="http://underscorejs.org/underscore-min.js"></script>
<!-- the original version -->

<script src="js/structureWalker.js" type="text/javascript"></script>
<script src="js/htmltable.js" type="text/javascript"></script>
<script src="js/aestheticUtils.js" type="text/javascript"></script>
<script src="js/g3widget.js" type="text/javascript"></script>
<script src="js/g3figure.js" type="text/javascript"></script>
<script src="js/g3subfigure.js" type="text/javascript"></script> <!-- <- where the work happens -->
<script src="js/g3report.js" type="text/javascript"></script>
<script src="js/g3htmlPanes.js" type="text/javascript"></script>
<script src="js/g3geoms.js" type="text/javascript"></script>
<script src="js/g3widget.js" type="text/javascript"></script>
<script src="js/g3brush.js" type="text/javascript"></script>
<script src="js/g3events.js" type="text/javascript"></script>
<script src="js/g3math.js" type="text/javascript"></script>
<script src="js/g3stats.js" type="text/javascript"></script>
<script src="js/g3legends.js" type="text/javascript"></script>
<script src="js/g3xcluster.js" type="text/javascript"></script>
<script src="js/g3functional.js" type="text/javascript"></script>
<script src="js/g3figureDataUtils.js" type="text/javascript"></script>
<script src="js/g3patterns.js" type="text/javascript"></script>
<script src="js/d3extend.js" type="text/javascript"></script>
<script src="js/g3URL.js" type="text/javascript"></script>
<script src="js/g3shinyBinding.js" type="text/javascript"></script>
<script src="js/g3message.js" type="text/javascript"></script>
<!-- the minified version (if you built it) -->
<script src="js/g3.min.js"></script>

<!-- styles to support g3widget -->
<style>
.axis path,
.axis line {
    fill: none;
    stroke: lightgrey;
    stroke-width: 1px;
    // shape-rendering: crispEdges; // warning: zoom out in chrome disappears 1px crisp lines.
}

rect.haxis {
//  stroke: white;
//  stroke-width: 1;
  //shape-rendering: crispEdges;
}
.brush .extent {
  stroke: #fff;
  fill-opacity: .125;
  shape-rendering: crispEdges;
}
.hiercell line {
  stroke: white;
  stroke-width: 1;
}
.plot .bar {
   shape-rendering: crispEdges;
}
#g3input label {
  display:inline-block
}
#g3input input {
  display:inline-block
  margin-right:30px
}
html {
overflow-y: -moz-scrollbars-vertical; 
overflow-y: scroll;
}
.g3input_concealed input {
   overflow: visible;
   outline-style: none;
   vertical-align: baseline;
   background: transparent;
   border-style: none;
   -webkit-box-shadow: none;
   padding: 0px 0px;
}

.g3input_concealed input:focus {
   overflow: visible;
   outline-style: none;
   vertical-align: baseline;
   background: white;
   border-style: none;
   -webkit-box-shadow: none;
}

.g3input_concealed .shiny-html-output {
  //display: inline-block;
  //min-width: 5;
}

.axis .tick text {
   pointer-events: none;
}

</style>