{
myGridMap.append("g").attr("id", "annotation");
var rect = myGridMap.selectAll("rect")
var label = myGridMap.select("g#annotation")
rect.on("mouseover.highlight", function(d) {
d3.select(this)
.style("stroke", "black")
.style("stroke-width", 2);
});
rect.on("mouseout.highlight", function(d) {
d3.select(this).style("stroke", "#ddd");
});
rect.on("click", function (e, d) {
d3.select(gridMapContainer).select("#layer1").selectAll("g.piearc").remove()
var donut = dvDonut(graph1Elem, calcPie(d["state"], filterField), 225, 75, donutOptions)
d3.select(gridMapContainer).select("#layer1").select("#centerlabel").text(d["state"])
rect.select()
})
d3.select(gridMapContainer).select("#layer1").select("#resetchart").on("click", function (e, d) {
d3.select(gridMapContainer).select("#layer1").selectAll("g.piearc").remove()
var donut = dvDonut(graph1Elem, calcPie("All", filterField), 225, 75, donutOptions)
d3.select(gridMapContainer).select("#layer1").select("#centerlabel").text("United States")
})
}