<!--Visualization javascript-->
    <div id="chart">
    <script type="text/javascript">
    /*layout of grid */

	 var margin = { top: 50, right: 0, bottom: 100, left: 155},
          width = 1360 - margin.left - margin.right,
          height = 830 - margin.top - margin.bottom,
          gridSize = Math.floor(width / 24),
          legendElementWidth = gridSize* 1.5,
          buckets = 9,
          colors = ["#ffffd9","#edf8b1","#c7e9b4","#7fcdbb","#41b6c4","#1d91c0","#225ea8","#253494","#081d58"], // alternatively colorbrewer.YlGnBu[9]
          groups = ["Briscoe - Records", "Briscoe - Papers", "Briscoe - Collections", "Ransom - Records", "Ransom - Papers", "Ransom - Collections"],
          years = ["2000", "2001", "2002", "2003", "2004", "2005", "2006", "2007", "2008", "2009", "2010", "2011", "2012", "2013"];