import { select as e } from "d3-selection";
function t(t, n, r, i) {
	let { height: a } = r, { x: o, y: s } = i, c = e("body").append("div").attr("class", "svg-tooltip").style("position", "absolute").style("visibility", "hidden");
	t.selectAll("rect").data(n).enter().append("rect").attr("x", (e) => o(e.x0)).attr("y", (e) => s(e.length)).attr("width", (e) => o(e.x1) - o(e.x0)).attr("height", (e) => a - s(e.length)).style("fill", "#929BAD").attr("stroke", "#fff").attr("stroke-opacity", .2).attr("stroke-width", .5).on("mouseover", function(e, t) {
		c.style("visibility", "visible").text(`count: ${t.length}\nx0: ${t.x0}\nx1: ${t.x1}`);
	}).on("mousemove", function(e) {
		c.style("top", e.pageY - 10 + "px").style("left", e.pageX + 10 + "px");
	}).on("mouseout", function() {
		c.style("visibility", "hidden");
	}).append("title").text((e) => `[${e.x0}, ${e.x1}]\n` + e.length + "\n");
}
export { t as drawBins };

//# sourceMappingURL=drawBins.js.map