27:null 28:["$","title",null,{"children":"Block Land Management | Test - Jacob | Observable"}] 2d:T110d,blockLand = { function addAnnotations(container) { const svg = d3.select(container).select("svg"); const width = +svg.attr("width"); const height = +svg.attr("height"); svg.append('defs') .append('marker') .attr('id', 'custom-arrowhead') .attr('viewBox', '0 0 20 20') .attr('refX', 10) .attr('refY', 5) .attr('markerWidth', 14) .attr('markerHeight', 14) .attr('orient', 'auto') .append('path') .attr('d', 'M 0 0 L 15 5 L 0 10 L 3 5 Z') .attr('fill', 'black') .attr('stroke', 'none'); const annotations = [ { startX: width * 0.58, startY: height * 0.21, endX: width * 0.84, endY: height * 0.64, curveDirection: 0.8, percentageText: "2021", yearText: "Landowner reimbursement cap raised to $25k", percentageTextX: width * 0.241 , percentageTextY: height * 0.218, yearTextX: width * 0.42, yearTextY: height * 0.218 }, { startX: width * 0.83, startY: height * 0.155, endX: width * 0.901, endY: height * 0.682, curveDirection: 0.1, percentageText: "2023", yearText: "Landowner reimbursement cap raised to $50k", percentageTextX: width * 0.621, percentageTextY: height * 0.14, yearTextX: width * 0.8, yearTextY: height * 0.14 } ]; annotations.forEach(d => { svg.append("text") .attr("x", d.percentageTextX) .attr("y", d.percentageTextY) .attr("font-weight", "bold") .attr("font-family", "Arial") .text(d.percentageText); svg.append("text") .attr("x", d.yearTextX) .attr("y", d.yearTextY) .attr("font-family", "Arial") .text(d.yearText); svg.append("path") .attr("d", () => { const midX = (d.startX + d.endX) / 2; const midY = (d.startY + d.endY) / 2; const controlX = midX + (d.endY - d.startY) * 0.5 * d.curveDirection; const controlY = midY - (d.endX - d.startX) * 0.5 * d.curveDirection; return `M ${d.startX},${d.startY} Q ${controlX},${controlY} ${d.endX},${d.endY}`; }) .attr("fill", "none") .attr("stroke", "black") .attr("stroke-width", 1.5) .attr("marker-end", "url(#custom-arrowhead)"); }); } const plot = Plot.plot({ marginLeft: 42, marginRight: 40, marginTop: 40, marginBottom: 45, height: 600, width: 1100, marks: [ Plot.lineY(blockData, { x: "Year", y: d => d.totalAcres / 1e6, stroke: "orange", strokeWidth: 4, }), Plot.dot(blockData, { x: "Year", y: d => d.totalAcres / 1e6, fill: "orange", r: 6 }), Plot.ruleY([5.8]), Plot.ruleX([1995]), ], x: { label: "Year", ticks: blockData.map(d => d.Year), tickFormat: (d, i) => i % 2 === 0 ? d3.format("d")(d) : "", domain: [1995, d3.max(blockData, d => d.Year + 1)], }, y: { label: "Millions of Acres", grid: true, domain: [5.8, 10], tickFormat: d3.format(".1f"), ticks: d3.range(6.0, 10.5, 0.5) }, color: { legend: true, }, style: { fontSize: "1em", fontFamily: "Arial", } }); const container = html`

${plot}

`; const note = document.createElement("div"); note.className = "viz-note"; note.style.fontSize = "0.7em"; note.style.fontFamily = "Arial"; note.style.fontStyle = "italic"; note.innerHTML = `Note: Scale does not start at zero to make changes more apparent
Graphic by Jacob Olness`; container.appendChild(note); // Use setTimeout to ensure the SVG is fully rendered before adding annotations setTimeout(() => addAnnotations(container), 100); return container; }2f:T10fc,blockHunterDays = { function addAnnotations(container) { const svg = d3.select(container).select("svg"); const width = +svg.attr("width"); const height = +svg.attr("height"); svg.append('defs') .append('marker') .attr('id', 'custom-arrowhead') .attr('viewBox', '0 0 20 20') .attr('refX', 10) .attr('refY', 5) .attr('markerWidth', 14) .attr('markerHeight', 14) .attr('orient', 'auto') .append('path') .attr('d', 'M 0 0 L 15 5 L 0 10 L 3 5 Z') .attr('fill', 'black') .attr('stroke', 'none'); const annotations = [ { startX: width * 0.2, startY: height * 0.22, endX: width * 0.12, endY: height * 0.63, curveDirection: -0.6, percentageText: "No data available prior to 1999", yearText: "", percentageTextX: width * 0.312, percentageTextY: height * 0.215, yearTextX: width * 0.356, yearTextY: height * 0.22 }, // { // startX: width * 0.9, // startY: height * 0.21, // endX: width * 0.898, // endY: height * 0.7, // curveDirection: -0.3, // percentageText: "2023", // yearText: "Cap raised to $50k", // percentageTextX: width * 0.834, // percentageTextY: height * 0.2, // yearTextX: width * 0.9, // yearTextY: height * 0.2 // } ]; annotations.forEach(d => { svg.append("text") .attr("x", d.percentageTextX) .attr("y", d.percentageTextY) .attr("font-weight", "bold") .attr("font-family", "Arial") .text(d.percentageText); svg.append("text") .attr("x", d.yearTextX) .attr("y", d.yearTextY) .attr("font-family", "Arial") .text(d.yearText); svg.append("path") .attr("d", () => { const midX = (d.startX + d.endX) / 2; const midY = (d.startY + d.endY) / 2; const controlX = midX + (d.endY - d.startY) * 0.5 * d.curveDirection; const controlY = midY - (d.endX - d.startX) * 0.5 * d.curveDirection; return `M ${d.startX},${d.startY} Q ${controlX},${controlY} ${d.endX},${d.endY}`; }) .attr("fill", "none") .attr("stroke", "black") .attr("stroke-width", 1.5) .attr("marker-end", "url(#custom-arrowhead)"); }); } const plot = Plot.plot({ marginLeft: 72, marginRight: 40, marginTop: 40, marginBottom: 45, height: 600, width: 1100, marks: [ Plot.lineY(blockData, { x: "Year", y: d => d.hunterDays, stroke: "green", strokeWidth: 4, }), Plot.dot(blockData, { x: "Year", y: d => d.hunterDays, stroke: "green", fill: "green", r: 6 }), Plot.ruleY([0]), Plot.ruleX([1995]), ], x: { label: "Year", ticks: blockData.map(d => d.Year), tickFormat: (d, i) => i % 2 === 0 ? d3.format("d")(d) : "", domain: [1995, d3.max(blockData, d => d.Year + 1)], }, y: { label: "Hunter Days", grid: true, domain: [0,700000 ], }, color: { legend: true, }, style: { fontSize: "1em", fontFamily: "Arial", } }); const container = html`

${plot}

`; const title = document.createElement("h3"); title.style.textAlign = "left"; title.style.fontFamily = "Arial"; title.style.fontSize = "1.2em"; title.style.whiteSpace = "nowrap"; title.style.overflow = "hidden"; title.style.textOverflow = "ellipsis"; title.style.maxWidth = "100%"; title.innerText = "The average property size enrolled in Block Management is decreasing"; const chartWrapper = document.createElement("div"); chartWrapper.appendChild(title); chartWrapper.appendChild(container); const note = document.createElement("div"); note.className = "viz-note"; note.style.fontSize = "0.8em"; note.style.fontFamily = "Arial"; note.style.fontStyle = "italic"; note.innerHTML = `Source: Montana FWP
Note: Scale does not start at zero to make changes more apparent
Graphic by Jacob Olness`; container.appendChild(note); setTimeout(() => addAnnotations(container), 100); return chartWrapper; };31:Tb9f,function addCustomAnnotation(plot, options) { // Create a function that modifies the SVG return (svg) => { // Find the plot's actual dimensions and scales const plotWidth = parseFloat(svg.getAttribute('width')); const plotHeight = parseFloat(svg.getAttribute('height')); // Get the data points and scales from the plot const xScale = plot.scale('x'); const yScale = plot.scale('y'); // Define custom arrowhead marker const defs = svg.querySelector('defs') || svg.insertBefore(document.createElementNS("http://www.w3.org/2000/svg", "defs"), svg.firstChild); const markerExists = svg.querySelector('#custom-annotation-arrowhead'); if (!markerExists) { const marker = document.createElementNS("http://www.w3.org/2000/svg", "marker"); marker.setAttribute('id', 'custom-annotation-arrowhead'); marker.setAttribute('viewBox', '0 0 20 20'); marker.setAttribute('refX', '10'); marker.setAttribute('refY', '5'); marker.setAttribute('markerWidth', '14'); marker.setAttribute('markerHeight', '14'); marker.setAttribute('orient', 'auto'); const markerPath = document.createElementNS("http://www.w3.org/2000/svg", "path"); markerPath.setAttribute('d', 'M 0 0 L 15 5 L 0 10 L 3 5 Z'); markerPath.setAttribute('fill', 'black'); markerPath.setAttribute('stroke', 'none'); marker.appendChild(markerPath); defs.appendChild(marker); } // Destructure options with defaults const { x, y, text = '', curveDirection = 0.5, startX = x - 100, startY = y + 0.5 } = options; // Convert data coordinates to SVG coordinates const endX = xScale(x); const endY = yScale(y); const startSvgX = xScale(startX); const startSvgY = yScale(startY); // Curved arrow path const midX = (startSvgX + endX) / 2; const midY = (startSvgY + endY) / 2; const controlX = midX + (endY - startSvgY) * 0.5 * curveDirection; const controlY = midY - (endX - startSvgX) * 0.5 * curveDirection; // Create path for curved arrow const path = document.createElementNS("http://www.w3.org/2000/svg", "path"); path.setAttribute('d', `M ${startSvgX},${startSvgY} Q ${controlX},${controlY} ${endX},${endY}`); path.setAttribute('fill', 'none'); path.setAttribute('stroke', 'black'); path.setAttribute('stroke-width', '1.5'); path.setAttribute('marker-end', 'url(#custom-annotation-arrowhead)'); // Create text annotation if provided const textElement = document.createElementNS("http://www.w3.org/2000/svg", "text"); textElement.setAttribute('x', startSvgX); textElement.setAttribute('y', startSvgY - 10); textElement.setAttribute('text-anchor', 'middle'); textElement.setAttribute('font-family', 'Arial'); textElement.textContent = text; // Append to SVG svg.appendChild(path); svg.appendChild(textElement); }; }32:[{"id":"dccdfc080624cf79de6113ac3f2df506fb76e92901a933c19e62cc81f6b3bd021d0cee05d80d05e91562562df1eb680fc5cb9a3a76b5612d1d67c49fe49b47fe","href":"https://static.observableusercontent.com/files/dccdfc080624cf79de6113ac3f2df506fb76e92901a933c19e62cc81f6b3bd021d0cee05d80d05e91562562df1eb680fc5cb9a3a76b5612d1d67c49fe49b47fe","name":"blockDataUpdate.json","type":"application/json","lastModified":1732568822225.531,"size":4657}] 2b:{"id":"cd448c81ea554585","slug":null,"title":"Block Land Management","thumbnail":"3e8655e4fbae8d379f2b0a89beeddf8411b9ea3ec2019cfedc8d00b437196ce4","access_level":"public","create_time":"$D2024-10-22T17:26:08.582Z","update_time":"$D2026-02-06T17:24:37.175Z","view_time":null,"first_public_time":"$D2024-11-25T22:58:20.734Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"4097a649455797ee","login":"jacob-test-mtfp","name":"Test - Jacob","avatar_url":"https://avatars-next.observableusercontent.com/286ea806712c4101f38678daa20ec893487774be0cb915d1ec1d72122a1654ea","tier":"starter_2024"},"version":556,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"524ba9658b83acf5","login":"jacob-olness2","name":"Jacob Olness","avatar_url":"https://avatars-next.observableusercontent.com/dfa74109c8f708d522fb4a9f595e7b21ff67039e8e2057c1dacde7875e3a05a0","tier":null}],"members":[{"type":"individual","id":"524ba9658b83acf5","login":"jacob-olness2","name":"Jacob Olness","avatar_url":"https://avatars-next.observableusercontent.com/dfa74109c8f708d522fb4a9f595e7b21ff67039e8e2057c1dacde7875e3a05a0","tier":null,"role":"editor"},{"type":"team","id":"4097a649455797ee","login":"jacob-test-mtfp","name":"Test - Jacob","avatar_url":"https://avatars-next.observableusercontent.com/286ea806712c4101f38678daa20ec893487774be0cb915d1ec1d72122a1654ea","tier":"starter_2024","role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"title":"Block Land Management","cells":[{"id":0,"value":"# Block Land Management","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":5,"value":"$2d","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":37,"value":"$2e","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":126,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":139,"value":"$30","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":171,"value":"$31","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"blockData = FileAttachment(\"blockDataUpdate.json\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W32","stdlib":"1","titling":"auto"}} 2c:"$2b:body"