                                     .yticks(d3.range(n_states).map (d) -> d+1)
                                     .xlab(xlab[i])
                                     .ylab("")
+                                    .pointsize(3)
                                     .dataByInd(false)
                                     .xvar(top_panel_var[i])
                                     .yvar("rank")

                     .style("font-size", "8pt")
                     .style("dominant-baseline", "middle")
                     .style("text-anchor", "end")
                     .attr("id", (d,i) -> "text#{i}")

# load the data and make the plot
d3.json("data.json", plot)


        this_g.datum({data:data, indID:data.abbrev})
              .call(this_dotplot)

        # remove the tool tips
        d3.selectAll(".d3-tip").remove()
        points = this_dotplot.pointsSelect().on("mouseover.paneltip", (d) -> d)
                                            .on("mouseout.paneltip", (d) -> d)



        points.on("mouseover", highlight_state)
              .on("mouseout",  lowlight_state)

    # make the horizontal grid lines gray
    d3.selectAll("g.dotplot g.y.axis line").attr("stroke", "#bbb")
