2e:null 2f:["$","title",null,{"children":"Public Land Survey System PLSS | Michael Bricknell | Observable"}] 34:T14eb,class Grid { constructor( props = { graphicWidth: null, graphicHeight: null, graphicMargin: null, totalValue: null, perLine: null, symbol: null, viewBoxWidth: null, viewBoxHeight: null, symbolRatio: null, symbolWidth: null, symbolHeight: null, symbolMargin: null, fillColor: null, strokeWidth: null, backgroundColor: null, borderColor: null, filledPercent: null, id: null, label: null, selected: null } ) { this.id = props.id ? props.id : "id-" + Math.random().toString(36).substr(2, 4); this.graphicWidth = props.graphicWidth ? props.graphicWidth : 600; this.graphicHeight = props.graphicHeight ? props.graphicHeight : 600; this.graphicMargin = props.graphicMargin ? props.graphicMargin : 15; this.totalValue = props.totalValue ? props.totalValue : 100; this.symbolperLine = props.symbolperLine ? props.symbolperLine : 10; this.symbol = props.symbol ? props.symbol : d3.symbol().type(d3.symbolSquare).size(64); this.symbolRatio = props.symbolRatio ? props.symbolRatio : 1; this.selected = props.selected ? props.selected : false; this.symbolWidth = props.symbolWidth ? props.symbolWidth : 30; this.symbolHeight = props.symbolHeight ? props.symbolHeight : 30; this.viewBoxHeight = props.viewBoxHeight ? props.viewBoxHeight : 100; this.viewBoxWidth = props.viewBoxWidth ? props.viewBoxWidth : 100; this.symbolMargin = props.symbolMargin ? props.symbolMargin : 0; this.fillColor = props.fillColor ? props.fillColor : "none"; this.strokeWidth = props.strokeWidth ? props.strokeWidth : "1px"; this.strokeColor = props.strokeColor ? props.strokeColor : "black"; this.backgroundColor = props.backgroundColor ? props.backgroundColor : "white"; this.borderColor = props.borderColor ? props.borderColor : "none"; this.label = props.label ? props.label : false; } get matrix() { let v = this.totalValue; let ratio = this.symbolRatio; let data = d3.range(v / ratio); let w = this.symbolWidth; let h = this.symbolHeight; let pl = this.symbolperLine; let scaleX = d3 .scaleLinear() .domain([0, pl]) .range([0, w * pl]); let scaleY = d3 .scaleLinear() .domain([0, pl]) .range([0, h * pl]); let size = pl; let matrix = []; for (var i = 0; i < data.length; i += size) { matrix.push(data.slice(i, i + size)); } //console.log(matrix); return matrix; /* .attr("x", (d, i) => { const n = i % pl; return scaleX(n); }) .attr("y", (d, i) => { const n = Math.floor(i / pl); return scaleY(n); }) */ } get render() { let uid = Math.random().toString(36).substr(2, 5); let width = this.graphicWidth; let height = this.graphicHeight; let m = this.graphicMargin; let v = this.totalValue; let pl = this.symbolperLine; let symbol = this.symbol; let ratio = this.symbolRatio; let w = this.symbolWidth; let h = this.symbolHeight; let symbolMargin = this.symbolMargin; let vw = this.viewBoxWidth; let vh = this.viewBoxHeight; let id = this.id; let fillColor = this.fillColor; let strokeColor = this.strokeColor; let strokeWidth = this.strokeWidth; let percent = this.filledPercent; let borderColor = this.borderColor; let backgroundColor = this.backgroundColor; let label = this.label; let selected = this.selected; let svg; let dy = 0; let viewBox = `0 0 ${vw} ${vh}`; if (symbolMargin <= 1 && symbolMargin > 0) { viewBox = `-${vw * symbolMargin} -${vh * symbolMargin} ${ vw + vw * symbolMargin } ${vh + vh * symbolMargin}`; } else { viewBox = `0 0 ${vw} ${vh}`; } svg = DOM.svg(width, height); d3.xml(symbol).then((data) => { d3.selectAll(`.group-${uid}`).each(function (d, i) { d3.select(this).html(d3.select(data).select("svg").html()); }); }); const g = d3 .select(svg) .style("border", `1px solid ${borderColor}`) .style("background-color", backgroundColor) .attr("id", `svg-${uid}`); let scaleX = d3 .scaleLinear() .domain([0, pl]) .range([0, w * pl]); let scaleY = d3 .scaleLinear() .domain([0, pl]) .range([0, h * pl]); let data = d3.range(v / ratio); g.append("g") .classed(`group-${uid}`, true) .attr("transform", `translate(0,${dy})`) .selectAll("rect") .data(data) .enter() .append("rect") .attr("title", (d, i) => { const n1 = i % pl; const n2 = Math.floor(i / pl); return `(${Math.round(scaleX(n1))}, ${Math.round(scaleY(n2))})`; }) .attr("class", `rect-${id}`) .attr("width", w) .attr("height", h) .attr("x", (d, i) => { const n = i % pl; return scaleX(n); }) .attr("y", (d, i) => { const n = Math.floor(i / pl); return scaleY(n); }) .attr("data-highlight", selected) .style("fill", fillColor) .style("stroke", strokeColor) .style("stroke-width", strokeWidth); if (label) { //to do } return g.node(); } }35:T2552,getTargetedSquare = (target, style, uid) => { if (style == undefined) { style = { highlight: { fill: "yellow", stroke: "yellow", "stroke-width": "1px" }, overlay: { fill: "none", stroke: "black", "stroke-width": "2px" }, default: { fill: "crimson", stroke: "red", "stroke-width": "1px" } }; } else { style = style; } if (uid == undefined) { uid = Math.random().toString(36).substr(2, 4); } else { uid = uid; } //target = 'Nh SEq SWq' legal description "North half of the Northeast Quarter of the Southweat Quarter" // legal description /*The north 1/2 of the southeast quarter of the southwest quarter of section 24, township 32 north, range 18 east*/ /*R18E T32N S24 SWq SEq Nh*/ // plssfinder /*Nh SEq SWq*/ /*for ease should be typed as written in the legal description would be typed as 'Nh SEq SWq' seperated by spaces*/ // // layer1 quarters => SWq // layer2 half/quarter quarters => NWq SEq // layer3 half/quarter quarter quarters => NWq NWq SWq // layer4 half quarter quarter quarters => Wh NWq NWq SWq // // q1 = scaleApply(matrixQuarter, 4).map((d) => d.map((d) => (d == "NW¼" ? 1 : 0))) // q2 = scaleApply(matrixQuarterQuarter, 2).map((d) =>d.map((d) => (d == "SW¼" ? 1 : 0)) // q3 = scaleApply(matrixQuarterQuarterQuarter, 1).map((d) => d.map((d) => (d == "NE¼" ? 1 : 0)) // getAllIndexes(printMatrix(math.dotMultiply(math.dotMultiply(q1, q2),q3), 8, 8), 1) if (typeof target == "string") { let desc = target.split(" ").reverse(); if (Object.keys(dir).indexOf(desc[0]) > -1) { let lookupMatrix = []; let layer1 = []; let layer2 = []; let layer3 = []; let layer4 = []; switch (desc.length) { case 1: if (["Sh", "Wh", "Eh", "Nh"].indexOf(desc[desc.length - 1]) == -1) { // if one use quarter layer1 = scaleApply(matrixQuarter, 8).map((d) => d.map((d) => (d == dir[desc[0]] ? 1 : 0)) ); lookupMatrix = getAllIndexes(printMatrix(layer1, 16, 16), 1); } else { if (["Sh", "Nh"].indexOf(desc[0]) > -1) { layer1 = scaleApply(matrixHalfNS, 8).map((d) => d.map((d) => (d == dir[desc[0]] ? 1 : 0)) ); } if (["Wh", "Eh"].indexOf(desc[0]) > -1) { layer1 = scaleApply(matrixHalfWE, 8).map((d) => d.map((d) => (d == dir[desc[0]] ? 1 : 0)) ); } lookupMatrix = getAllIndexes(printMatrix(layer1, 16, 16), 1); } break; case 2: // if two use quarter quarter layer1 = scaleApply(matrixQuarter, 8).map((d) => d.map((d) => (d == dir[desc[0]] ? 1 : 0)) ); if (["Sh", "Wh", "Eh", "Nh"].indexOf(desc[desc.length - 1]) == -1) { layer2 = scaleApply(matrixQuarterQuarter, 4).map((d) => d.map((d) => (d == dir[desc[1]] ? 1 : 0)) ); lookupMatrix = getAllIndexes( printMatrix(math.dotMultiply(layer1, layer2), 16, 16), 1 ); } else { let subMatrix = getAllIndexes(printMatrix(layer1, 16, 16), 1); lookupMatrix = makeMatrix(subMatrix, 8); if (desc[desc.length - 1] == "Sh") { lookupMatrix = lookupMatrix.splice(4, 7).flat(); } if (desc[desc.length - 1] == "Wh") { lookupMatrix = lookupMatrix.map((d) => d.splice(0, 4)).flat(); } if (desc[desc.length - 1] == "Eh") { lookupMatrix = lookupMatrix.map((d) => d.splice(4, 7)).flat(); } if (desc[desc.length - 1] == "Nh") { lookupMatrix = lookupMatrix.splice(0, 4).flat(); } } break; case 3: // // if two use quarter quarter quarters layer1 = scaleApply(matrixQuarter, 8).map((d) => d.map((d) => (d == dir[desc[0]] ? 1 : 0)) ); layer2 = scaleApply(matrixQuarterQuarter, 4).map((d) => d.map((d) => (d == dir[desc[1]] ? 1 : 0)) ); layer3 = scaleApply(matrixQuarterQuarterQuarter, 2).map((d) => d.map((d) => (d == dir[desc[2]] ? 1 : 0)) ); if (["Sh", "Wh", "Eh", "Nh"].indexOf(desc[desc.length - 1]) == -1) { layer3 = scaleApply(matrixQuarterQuarterQuarter, 2).map((d) => d.map((d) => (d == dir[desc[2]] ? 1 : 0)) ); lookupMatrix = getAllIndexes( printMatrix( math.dotMultiply(math.dotMultiply(layer1, layer2), layer3), 16, 16 ), 1 ); } else { let subMatrix = getAllIndexes( printMatrix(math.dotMultiply(layer1, layer2), 16, 16), 1 ); //see case 4 for map if (desc[desc.length - 1] == "Sh") { lookupMatrix = makeMatrix(subMatrix, 4)[2].concat( makeMatrix(subMatrix, 4)[3] ); } if (desc[desc.length - 1] == "Wh") { lookupMatrix = makeMatrix(subMatrix, 4) .map((d) => d.splice(0, 2)) .flat(); } if (desc[desc.length - 1] == "Eh") { lookupMatrix = makeMatrix(subMatrix, 4) .map((d) => d.splice(2, 4)) .flat(); } if (desc[desc.length - 1] == "Nh") { lookupMatrix = makeMatrix(subMatrix, 4)[0].concat( makeMatrix(subMatrix, 4)[1] ); } } break; case 4: // // if two use quarter quarter quarters layer1 = scaleApply(matrixQuarter, 8).map((d) => d.map((d) => (d == dir[desc[0]] ? 1 : 0)) ); layer2 = scaleApply(matrixQuarterQuarter, 4).map((d) => d.map((d) => (d == dir[desc[1]] ? 1 : 0)) ); layer3 = scaleApply(matrixQuarterQuarterQuarter, 2).map((d) => d.map((d) => (d == dir[desc[2]] ? 1 : 0)) ); layer4 = matrixQuarterQuarterQuarterQuarter.map((d) => d.map((d) => (d == dir[desc[3]] ? 1 : 0)) ); if (["Sh", "Wh", "Eh", "Nh"].indexOf(desc[desc.length - 1]) == -1) { lookupMatrix = getAllIndexes( printMatrix( math.dotMultiply( math.dotMultiply(math.dotMultiply(layer1, layer2), layer3), layer4 ), 16, 16 ), 1 ); } else { lookupMatrix = getAllIndexes( printMatrix( math.dotMultiply(math.dotMultiply(layer1, layer2), layer3), 16, 16 ), 1 ); if (desc[desc.length - 1] == "Sh") { lookupMatrix.splice(0, 2); } if (desc[desc.length - 1] == "Wh") { lookupMatrix = [lookupMatrix[0], lookupMatrix[2]]; } if (desc[desc.length - 1] == "Eh") { lookupMatrix = [lookupMatrix[1], lookupMatrix[3]]; } if (desc[desc.length - 1] == "Nh") { lookupMatrix.splice(2, 4); } } break; } let output = new Grid({ id: uid, graphicHeight: 256, graphicWidth: 256, symbolWidth: 256 / 16, symbolHeight: 256 / 16, totalValue: 256, symbolperLine: 16, symbolRatio: 1, selected: (feature) => { if (lookupMatrix.indexOf(feature) > -1) { return true; } else { return false; } }, fillColor: (feature) => { if (lookupMatrix.indexOf(feature) > -1) { return style["highlight"]["fill"]; } else { return style["default"]["fill"]; } }, strokeColor: (feature) => { if (lookupMatrix.indexOf(feature) > -1) { return style["highlight"]["stroke"]; } else { return style["default"]["stroke"]; } }, strokeWidth: (feature) => { if (lookupMatrix.indexOf(feature) > -1) { return style["highlight"]["stroke-width"]; } else { return style["default"]["stroke-width"]; } }, backgroundColor: "ivory", borderColor: "black" }); //define overlays let q = new Grid({ id: "q", graphicHeight: 256, graphicWidth: 256, symbolWidth: 256 / 2, symbolHeight: 256 / 2, totalValue: 2 * 2, symbolperLine: 2, symbolRatio: 1, fillColor: style["overlay"]["fill"], strokeColor: style["overlay"]["stroke"], strokeWidth: style["overlay"]["stroke-width"], backgroundColor: "black", borderColor: "black" }); var stringToHTML = function (str) { var dom = document.createElement("div"); dom.innerHTML = str; return dom; }; return stringToHTML( `` ); } else { console.log("not a valid entry"); } } else { console.log("not a valid entry"); } }36:T4b7,matrixQuarterQuarterQuarterQuarter = [ matrixQuarterQuarterQuarter[0].concat(matrixQuarterQuarterQuarter[0]), matrixQuarterQuarterQuarter[1].concat(matrixQuarterQuarterQuarter[1]), matrixQuarterQuarterQuarter[0].concat(matrixQuarterQuarterQuarter[0]), matrixQuarterQuarterQuarter[1].concat(matrixQuarterQuarterQuarter[1]), matrixQuarterQuarterQuarter[0].concat(matrixQuarterQuarterQuarter[0]), matrixQuarterQuarterQuarter[1].concat(matrixQuarterQuarterQuarter[1]), matrixQuarterQuarterQuarter[0].concat(matrixQuarterQuarterQuarter[0]), matrixQuarterQuarterQuarter[1].concat(matrixQuarterQuarterQuarter[1]), matrixQuarterQuarterQuarter[0].concat(matrixQuarterQuarterQuarter[0]), matrixQuarterQuarterQuarter[1].concat(matrixQuarterQuarterQuarter[1]), matrixQuarterQuarterQuarter[0].concat(matrixQuarterQuarterQuarter[0]), matrixQuarterQuarterQuarter[1].concat(matrixQuarterQuarterQuarter[1]), matrixQuarterQuarterQuarter[0].concat(matrixQuarterQuarterQuarter[0]), matrixQuarterQuarterQuarter[1].concat(matrixQuarterQuarterQuarter[1]), matrixQuarterQuarterQuarter[0].concat(matrixQuarterQuarterQuarter[0]), matrixQuarterQuarterQuarter[1].concat(matrixQuarterQuarterQuarter[1]) ]37:[] 32:{"id":"d82e610d7e13e085","slug":"public-land-survey-system-plss","title":"Public Land Survey System PLSS","thumbnail":"a25eca412caa6f559ebbcefab690841e3189d62951b11f9cc2089d3607310c9f","access_level":"public","create_time":"$D2022-05-28T17:21:51.990Z","update_time":"$D2026-07-05T11:35:30.947Z","view_time":null,"first_public_time":"$D2022-11-26T14:19:18.321Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"aa36944c9e64c088","login":"mbrickmaps","name":"Michael Bricknell","avatar_url":"https://avatars-next.observableusercontent.com/2f0578a8eeb34ee1c8a3bd6be41477c4bc13989c0c53551154178a64c9f2945f","tier":"pro_2024"},"version":1030,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"8a8aec8a4dd1da2d","login":"mbrickmaps","name":"Michael Bricknell","avatar_url":"https://avatars-next.observableusercontent.com/669d4a33f00b7dbf619507bedb374f580b5457ee3c0717ba47d37e4869518958","tier":null}],"members":[{"type":"individual","id":"8a8aec8a4dd1da2d","login":"mbrickmaps","name":"Michael Bricknell","avatar_url":"https://avatars-next.observableusercontent.com/669d4a33f00b7dbf619507bedb374f580b5457ee3c0717ba47d37e4869518958","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Public Land Survey System PLSS","cells":[{"id":0,"value":"# Public Land Survey System PLSS ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1015,"value":"sections1 = new Grid({\n id: \"qq\",\n graphicHeight: 360,\n graphicWidth: 360,\n symbolWidth: 360 / 6,\n symbolHeight: 360 / 6,\n totalValue: 36,\n symbolperLine: 6,\n symbolRatio: 1,\n fillColor: (feature) => {\n let tar = printMatrixSnake(\n matrixSection.map((d) => d.map((d) => d - 1)),\n 6,\n 6\n ).indexOf(feature);\n if ([22].indexOf(tar) > -1) {\n return \"orange\";\n } else {\n return colorScale(tar);\n }\n },\n strokeColor: (feature) => {\n let tar = printMatrixSnake(\n matrixSection.map((d) => d.map((d) => d - 1)),\n 6,\n 6\n ).indexOf(feature);\n if ([0].indexOf(tar) > -1) {\n return \"crimson\";\n } else {\n return colorScale(tar);\n }\n },\n backgroundColor: \"ivory\",\n borderColor: \"black\"\n}).render","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":905,"value":"Sometimes you just want a quick way to verify what you are reading, should I read it right to left or left to right. Do you really need a fully kitted out Geographic Information System? This removes the spatial components, but allows for creating custom grid layouts. I've applied this to work with the PLSS to help identify and keep track of legal descriptions from oil and gas leases, but could be applied to any legal description down to 10 acres excluding lots and land patents.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":926,"value":"## Creating a custom Grid class\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":29,"value":"$34","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":76,"value":"## Visualize the PLSS Sections as a Grid class","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":115,"value":"### This is showing 1 township made up of 36 sections where 1 township equals 23,040 acres (640 * 36 = 23,040 acres or 36 square miles) and 1 section contains 1 square mile. Numbering follows a serpentine pattern from the upper right from 1 to lower right 36.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":37,"value":"printMatrixSnake = (m, r, c) => {\n // Traverse through all rows\n let o = [];\n for (let i = 0; i < r; i++) {\n // left to right\n if (i % 2 == 0) {\n for (let j = 0; j < c; j++) o.push(m[i][j]);\n // right to left\n } else {\n for (let j = c - 1; j >= 0; j--) o.push(m[i][j]);\n }\n }\n return o;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":35,"value":"printMatrix = (m, r, c) => {\n let o = [];\n // Traverse through all rows\n for (let i = 0; i < r; i++) {\n for (let j = 0; j < c; j++) o.push(m[i][j]);\n }\n return o;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":982,"value":"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":685,"value":"### Sections (1-36) using an array (0-35) where section 23 / index 22 is highlighted","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":123,"value":"sections = new Grid({\n id: \"qq\",\n graphicHeight: 360,\n graphicWidth: 360,\n symbolWidth: 360 / 6,\n symbolHeight: 360 / 6,\n totalValue: 36,\n symbolperLine: 6,\n symbolRatio: 1,\n fillColor: (feature) => {\n let tar = printMatrixSnake(\n matrixSection.map((d) => d.map((d) => d - 1)),\n 6,\n 6\n ).indexOf(feature);\n if ([22].indexOf(tar) > -1) {\n return \"orange\";\n } else {\n return colorScale(tar);\n }\n },\n strokeColor: (feature) => {\n let tar = printMatrixSnake(\n matrixSection.map((d) => d.map((d) => d - 1)),\n 6,\n 6\n ).indexOf(feature);\n if ([0].indexOf(tar) > -1) {\n return \"crimson\";\n } else {\n return colorScale(tar);\n }\n },\n backgroundColor: \"ivory\",\n borderColor: \"black\"\n}).render","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":638,"value":"section = (d) =>\n new Grid({\n id: \"qq\",\n graphicHeight: 360,\n graphicWidth: 360,\n symbolWidth: 360 / 6,\n symbolHeight: 360 / 6,\n totalValue: 36,\n symbolperLine: 6,\n symbolRatio: 1,\n fillColor: (feature) => {\n let tar = printMatrixSnake(\n matrixSection.map((s) => s.map((s) => s - 1)),\n 6,\n 6\n ).indexOf(feature);\n if (d.map((i) => i - 1).indexOf(tar) > -1) {\n return \"crimson\";\n } else {\n return \"white\";\n }\n },\n strokeColor: (feature) => {\n let tar = printMatrixSnake(\n matrixSection.map((s) => s.map((s) => s - 1)),\n 6,\n 6\n ).indexOf(feature);\n if (d.map((i) => i - 1).indexOf(tar) > -1) {\n return \"crimson\";\n } else {\n return \"black\";\n }\n },\n backgroundColor: \"ivory\",\n borderColor: \"black\"\n }).render","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":876,"value":"## Highlight Section 8","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":644,"value":"section([8])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":880,"value":"section([4, 5, 8, 9, 16])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":710,"value":"### Highlight within 1 Section from 10 acres or 320 acres, by legal description as read as the (Northwest Quarter of the Northeast Quarter of the Southwest Quarter of the Southeast Quarter) but written as the `${dir['SEq']} ${dir['SWq']} ${dir['NEq']} ${dir['NWq']},`","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":343,"value":"getTargetedSquare(\"SEq SWq NEq NWq\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":933,"value":"## Creating a Grid for sections","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":147,"value":"### This is showing 1 section made up of 4 quarters (NE¼, SE¼, SW¼, NW¼) where 1 quarter equals (640 / 2 = 320 acres or 0.5 miles).","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":144,"value":"q = new Grid({\n id: \"q\",\n graphicHeight: 360,\n graphicWidth: 360,\n symbolWidth: 360 / 2,\n symbolHeight: 360 / 2,\n totalValue: 2 * 2,\n symbolperLine: 2,\n symbolRatio: 1,\n fillColor: \"crimson\",\n backgroundColor: \"ivory\",\n borderColor: \"gray\"\n}).render","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":241,"value":"### This is showing 1 section made up of 8 east/west half quarters where 1 half quarter equals (320 acres) or 2 x 1 miles ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":237,"value":"EWhq = new Grid({\n graphicHeight: 360,\n graphicWidth: 360,\n symbolWidth: 360 / 4,\n symbolHeight: 360 / 2,\n totalValue: 2 * 4,\n symbolperLine: 4,\n symbolRatio: 1,\n fillColor: \"crimson\",\n backgroundColor: \"ivory\",\n borderColor: \"black\"\n}).render","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":246,"value":"### This is showing 1 section made up of 8 north/south half quarters where 1 half quarter equals (320 acres) or 1 x 2 miles ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":239,"value":"NShq = new Grid({\n graphicHeight: 360,\n graphicWidth: 360,\n symbolWidth: 360 / 2,\n symbolHeight: 360 / 4,\n totalValue: 2 * 4,\n symbolperLine: 2,\n symbolRatio: 1,\n fillColor: \"crimson\",\n backgroundColor: \"ivory\",\n borderColor: \"black\"\n}).render","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":134,"value":"### This is showing 1 section or 16 quarters where 1 quarter quarters equals (640 / 4 = 160 acres or 0.25 miles).","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":257,"value":"qq = new Grid({\n id: \"qq\",\n graphicHeight: 360,\n graphicWidth: 360,\n symbolWidth: 360 / 4,\n symbolHeight: 360 / 4,\n totalValue: 4 * 4,\n symbolperLine: 4,\n symbolRatio: 1,\n fillColor: \"crimson\",\n backgroundColor: \"ivory\",\n borderColor: \"black\"\n}).render","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":264,"value":"EWhqq = new Grid({\n id: \"EWhqq\",\n graphicHeight: 360,\n graphicWidth: 360,\n symbolWidth: 360 / 8,\n symbolHeight: 360 / 4,\n totalValue: 4 * 4 * 4,\n symbolperLine: 8,\n symbolRatio: 1,\n fillColor: \"crimson\",\n backgroundColor: \"ivory\",\n borderColor: \"black\"\n}).render","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":268,"value":"NShqq = new Grid({\n id: \"NShqq\",\n graphicHeight: 360,\n graphicWidth: 360,\n symbolWidth: 360 / 4,\n symbolHeight: 360 / 8,\n totalValue: 4 * 4 * 4,\n symbolperLine: 8,\n symbolRatio: 1,\n fillColor: \"crimson\",\n backgroundColor: \"ivory\",\n borderColor: \"black\"\n}).render","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":106,"value":"### This is showing 1 section (640 acres) divided into quarter quarter quarters 640/4/4 = (40 acre lots)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":79,"value":"qqq = new Grid({\n id: \"qqq\",\n graphicHeight: 360,\n graphicWidth: 360,\n symbolWidth: 360 / 8,\n symbolHeight: 360 / 8,\n totalValue: 64,\n symbolperLine: 8,\n symbolRatio: 1,\n fillColor: \"crimson\",\n backgroundColor: \"ivory\",\n borderColor: \"black\"\n}).render","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":704,"value":"### This is showing 1 section (640 acres) divided into quarter quarter quarter quarters 640/4/4/4= (10 acre lots)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":701,"value":"qqqq = new Grid({\n id: \"qqqq\",\n graphicHeight: 360,\n graphicWidth: 360,\n symbolWidth: 360 / 16,\n symbolHeight: 360 / 16,\n totalValue: 256,\n symbolperLine: 16,\n symbolRatio: 1,\n fillColor: \"crimson\",\n backgroundColor: \"ivory\",\n borderColor: \"black\"\n}).render","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":89,"value":"## Highlighting for correct squares","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":886,"value":"To highlight halves (h) and quarters (q) * TO DO, Working on halves implementation such as half halves","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":844,"value":"getTargetedSquare(\"Wh\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":916,"value":"Ability to customize colors as the second argument to getTargetedSquare","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":757,"value":"getTargetedSquare(\"Eh NEq\", {\n highlight: {\n fill: \"pink\",\n\n stroke: \"yellow\",\n \"stroke-width\": \"1px\"\n },\n //quarter quarter\n overlay: {\n fill: \"none\",\n stroke: \"orange\",\n \"stroke-width\": \"6px\"\n },\n default: {\n fill: \"brown\",\n stroke: \"green\",\n \"stroke-width\": \"0.5px\",\n }\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1018,"value":"getTargetedSquare(\"Eh NEq\", {\n highlight: {\n fill: \"#e85d24\",\n stroke: \"#7a2e0f\",\n \"stroke-width\": \"1px\"\n },\n // quarter quarter\n overlay: {\n fill: \"none\",\n stroke: \"#222\",\n \"stroke-width\": \"1.5px\"\n },\n default: {\n fill: \"#f4f1ea\",\n stroke: \"#999\",\n \"stroke-width\": \"0.5px\"\n }\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":293,"value":"getTargetedSquare(\"SWq NEq SWq\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":501,"value":"getTargetedSquare(\"Eh NEq SEq\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":328,"value":"getTargetedSquare(\"NEq SEq\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":330,"value":"getTargetedSquare(\"Eh NEq\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":963,"value":"getTargetedSquareArray = (target, style, uid) => {\n if (style == undefined) {\n style = {\n highlight: { fill: \"yellow\", stroke: \"yellow\", \"stroke-width\": \"1px\" },\n overlay: { fill: \"none\", stroke: \"black\", \"stroke-width\": \"2px\" },\n default: { fill: \"crimson\", stroke: \"red\", \"stroke-width\": \"1px\" }\n };\n } else {\n style = style;\n }\n\n if (uid == undefined) {\n uid = Math.random().toString(36).substr(2, 4);\n } else {\n uid = uid;\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":74,"value":"$35","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":785,"value":"overlaySection = (id, style) => {\n let highlightRect = d3.selectAll(`.rect-${id}[data-highlight=\"true\"]`);\n let q = new Grid({\n id: \"q\",\n graphicHeight: 360,\n graphicWidth: 360,\n symbolWidth: 360 / 2,\n symbolHeight: 360 / 2,\n totalValue: 2 * 2,\n symbolperLine: 2,\n symbolRatio: 1,\n fillColor: \"none\",\n strokeColor: style[\"overlay\"][\"stroke\"],\n strokeWidth: style[\"overlay\"][\"stroke-width\"],\n backgroundColor: \"black\",\n borderColor: \"black\"\n });\n var stringToHTML = function (str) {\n var dom = document.createElement(\"div\");\n dom.innerHTML = str;\n return dom;\n };\n let rects = \"\";\n highlightRect.each(function (d, i) {\n rects += this.outerHTML;\n });\n\n return stringToHTML(\n ``\n );\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":813,"value":"overlayImage = (image, base) => {\n var stringToHTML = function (str) {\n var dom = document.createElement(\"div\");\n dom.innerHTML = str;\n return dom;\n };\n\n return stringToHTML(\n `

`\n );\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":39,"value":"### define the matrix","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":205,"value":"colorScale = d3.scaleLinear([0, 35 / 2, 35], [\"crimson\", \"green\", \"yellow\"])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":27,"value":"d3 = require(\"d3@5\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":25,"value":"math = require(\"mathjs\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":23,"value":"dir = ({\n NWq: \"NW\\u00BC\",\n SWq: \"SW\\u00BC\",\n SEq: \"SE\\u00BC\",\n NEq: \"NE\\u00BC\",\n Nh: \"N\\u00BD\",\n Sh: \"S\\u00BD\",\n Eh: \"E\\u00BD\",\n Wh: \"W\\u00BD\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":128,"value":"matrixSection = [\n [1, 2, 3, 4, 5, 6].reverse(),\n [7, 8, 9, 10, 11, 12].reverse(),\n [13, 14, 15, 16, 17, 18].reverse(),\n [19, 20, 21, 22, 23, 24].reverse(),\n [25, 26, 27, 28, 29, 30].reverse(),\n [31, 32, 33, 34, 35, 36].reverse()\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":21,"value":"// quarters\nmatrixQuarter = [\n [dir[\"NWq\"], dir[\"NEq\"]],\n [dir[\"SWq\"], dir[\"SEq\"]]\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":836,"value":"matrixHalfNS = [\n [dir[\"Nh\"], dir[\"Nh\"]],\n [dir[\"Sh\"], dir[\"Sh\"]]\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":839,"value":"matrixHalfWE = [\n [dir[\"Wh\"], dir[\"Eh\"]],\n [dir[\"Wh\"], dir[\"Eh\"]]\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":453,"value":"function makeMatrix(arr, chunkSize) {\n const res = [];\n for (let i = 0; i < arr.length; i += chunkSize) {\n const chunk = arr.slice(i, i + chunkSize);\n res.push(chunk);\n }\n return res;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":46,"value":"// quarter quarter\nmatrixQuarterQuarter = [\n matrixQuarter[0].concat(matrixQuarter[0]),\n matrixQuarter[1].concat(matrixQuarter[1]),\n matrixQuarter[0].concat(matrixQuarter[0]),\n matrixQuarter[1].concat(matrixQuarter[1])\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":61,"value":"matrixQuarterQuarterQuarter = [\n matrixQuarterQuarter[0].concat(matrixQuarterQuarter[0]),\n matrixQuarterQuarter[1].concat(matrixQuarterQuarter[1]),\n matrixQuarterQuarter[0].concat(matrixQuarterQuarter[0]),\n matrixQuarterQuarter[1].concat(matrixQuarterQuarter[1]),\n matrixQuarterQuarter[0].concat(matrixQuarterQuarter[0]),\n matrixQuarterQuarter[1].concat(matrixQuarterQuarter[1]),\n matrixQuarterQuarter[0].concat(matrixQuarterQuarter[0]),\n matrixQuarterQuarter[1].concat(matrixQuarterQuarter[1])\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":659,"value":"$36","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":156,"value":"printMatrixSnake(matrixSection, 6, 6)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":17,"value":"function getAllIndexes(arr, val) {\n var indexes = [],\n i = -1;\n while ((i = arr.indexOf(val, i + 1)) != -1) {\n indexes.push(i);\n }\n return indexes;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":86,"value":"## manipulate and scale matrix","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":19,"value":"//https://stackoverflow.com/a/49640959\nfunction scaleApply(array, factor) {\n const scaled = [];\n\n for (const row of array) {\n let x = [];\n\n for (const item of row) x.push.apply(x, Array(factor).fill(item));\n\n scaled.push.apply(scaled, Array(factor).fill(x));\n }\n\n return scaled;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W37","stdlib":"1","titling":"auto"}} 33:"$32:body"