30:T567,function createScale( x, { width = 500, maxDepth = 0, displayWidth = 40, height = 20, unit = "", format = (i) => i } = {} ) { const ticks = getTicks(x, { width, displayWidth, maxDepth }); const last = ticks[ticks.length - 1]; const tickPairs = d3.pairs(ticks); const half = height / 2; const $scale = d3.create("svg:g"); $scale .selectAll("text") .data(ticks) .join("text") .call(attrs, { x, y: 12, "text-anchor": (v, i) => i === 0 ? "start" : v === last ? "end" : "middle" }) .text(format); const $bar = $scale .append("g") .attr("transform", "translate(0, 18)") .call( build({ append: "rect", x: x(0), y: 0, width: x(last) - 10, height, fill: "white", "stroke-width": 2, stroke: "black" }) ) .call( build({ append: "text", x: x(last) + 5, y: half, "dominant-baseline": "middle", call: (g) => g.text(unit) }) ) .call((g) => g .append("g") .selectAll("rect") .data(tickPairs) .join("rect") .call(attrs, { x: (v) => x(v[0]), y: (v, i) => (i % 2) * half, width: (v) => x(v[1]) - x(v[0]), height: half }) ); return $scale.node(); }31:[] 2e:{"title":"Scale Bar","cells":[{"id":0,"value":"# Scale Bar\n\nhttps://observablehq.com/@jgaffuri/nice-scale-bar","pinned":false,"hidden":false,"mode":"md"},{"id":6,"value":"viewof range = Inputs.range([100, 10e7], {\n label: \"Max Range\",\n value: 100,\n transform: Math.log,\n step: 1\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":314,"value":"viewof domainMax = Inputs.range([100, width - 20], {\n label: \"width\",\n value: 600,\n step: 1\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":163,"value":"viewof minWidth = Inputs.range([5, 100], {\n label: \"min step width\",\n value: 25,\n step: 1\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":189,"value":"viewof maxDepth = Inputs.range([1, 6], {\n label: \"max depth\",\n value: 5,\n step: 1\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":20,"value":"viewof barWidth = Inputs.range([100, width - 20], {\n label: \"Bar width\",\n value: 600,\n step: 1\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":29,"value":"htl.svg`