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