     # sizes of things
     htop = 530
     hbot = 500
-    height = htop + hbot
+    height = htop + hbot+200
 
     margin_top = {left:5, top:20, right:25, bottom:40, inner:0}
     fullpanelwidth_top = 180
     panelwidth_top = fullpanelwidth_top - margin_top.left - margin_top.right
     panelheight_top = htop - margin_top.top - margin_top.bottom
-    statenamewidth = 201
+    statenamewidth = 101
     width = statenamewidth + fullpanelwidth_top*6
 
-    margin_bot = {left:60, top:40, right:40, bottom:40, inner:5}
+    margin_bot = {left:60, top:20, right:25, bottom:40, inner:5}
 
-    panelwidth_bot = width/3
-
-    # print the sizes of things
-    console.log("width = #{width}")
-    console.log("height = #{height}")
-    console.log("top width = #{panelwidth_top}")
-    console.log("bot width = #{panelwidth_bot}")
+    fullpanelwidth_bot = width/3
+    panelwidth_bot = fullpanelwidth_bot - margin_bot.left - margin_bot.right
+    fullpanelheight_bot = hbot/2
+    panelheight_bot = fullpanelheight_bot - margin_bot.top - margin_bot.bottom
 
     # make the svg
     svg = d3.select("div#chart")

    top_panel_var = ["total", "not_distracted", "speeding", "alcohol", "ins_premium", "ins_losses"]
    xlim = [[0,25],[0,25],[0,25],[0,25],[0,1500],[0,200]]
    nxticks = [6,6,6,6, 4, 5]
    xlab = ["Crashes per billion miles", "Crashes per billion miles", "Crashes per billion miles", "Crashes per billion miles", "Dollars", "Dollars"]
    title = ["Total", "Not distracted", "Speeding", "Alcohol", "Ave. Ins. premium", "Ave. Ins. Losses"]

    # now make the dot plots
    dotplots = []
    for i of top_panel_var


    d3.selectAll("circle.pt#{i}")
      .attr("fill", "slateblue")
      .attr("r", 3)
      .moveToBack()
    d3.select("text#state#{i}")
      .attr("fill", "black")

