bboxMonkeyPatch = {
const __getBBox = window.SVGGraphicsElement.prototype.getBBox;
window.SVGGraphicsElement.prototype.getBBox = function getBBox () {
try {
return __getBBox.call(this);
} catch (e) {
return new window.DOMRect();
}
}
return md`So ... we monkey-patch it :)`;
}
function myFunction(selection) {
var bbox = selection.node().getBBox(); // This line errors on Firefox.
selection.text(`${bbox} width: ${bbox.width}, height: ${bbox.height}`);
}
svg = {
var svg = d3.select(DOM.svg(width, height));
svg.append("text")
.attr("y", height / 2)
.call(myFunction);
return svg.node();
}
d3.select(svg).select("text").node().getBBox().width
d3.select(svg).select("text").node().getBBox().height
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
