25:null 26:["$","title",null,{"children":"河北 | zequanr | Observable"}] 2b:T4fb,function checkbox(config = {}) { let { value: formValue, title, description, submit, disabled, options } = Array.isArray(config) ? { options: config } : config; options = options.map(o => typeof o === "string" ? { value: o, label: o } : o ); const form = input({ type: "checkbox", title, description, submit, getValue: input => { if (input.length) return Array.prototype.filter .call(input, i => i.checked) .map(i => i.value); return input.checked ? input.value : false; }, form: html` ` }); form.output.remove(); return form; }2c:T900,function input(config) { let { form, type = "text", attributes = {}, action, getValue, title, description, format, display, submit, options } = config; const wrapper = html`

`; if (!form) form = html``; Object.keys(attributes).forEach(key => { const val = attributes[key]; if (val != null) form.input.setAttribute(key, val); }); if (submit) form.append( html`` ); form.append( html`` ); if (title) form.prepend( html`

${title}

` ); if (description) form.append( html`

${description}

` ); if (format) format = typeof format === "function" ? format : d3.format(format); if (action) { action(form); } else { const verb = submit ? "onsubmit" : type == "button" ? "onclick" : type == "checkbox" || type == "radio" ? "onchange" : "oninput"; form[verb] = e => { e && e.preventDefault(); const value = getValue ? getValue(form.input) : form.input.value; if (form.output) { const out = display ? display(value) : format ? format(value) : value; if (out instanceof window.Element) { while (form.output.hasChildNodes()) { form.output.removeChild(form.output.lastChild); } form.output.append(out); } else { form.output.value = out; } } form.value = value; if (verb !== "oninput") form.dispatchEvent(new CustomEvent("input", { bubbles: true })); }; if (verb !== "oninput") wrapper.oninput = e => e && e.stopPropagation() && e.preventDefault(); if (verb !== "onsubmit") form.onsubmit = e => e && e.preventDefault(); form[verb](); } while (form.childNodes.length) { wrapper.appendChild(form.childNodes[0]); } form.append(wrapper); return form; }2d:[{"id":"27d59d816008388322208733528d900d5942240331041b75b5867e1f1ba10dc8141aac835b0ff7b3f0a3b26d9ead60bbe4ebc83bdd41e1281cf275c0d1d77722","href":"https://static.observableusercontent.com/files/27d59d816008388322208733528d900d5942240331041b75b5867e1f1ba10dc8141aac835b0ff7b3f0a3b26d9ead60bbe4ebc83bdd41e1281cf275c0d1d77722","name":"hb.json","type":"application/json","lastModified":1622281132948.312,"size":73430},{"id":"7cf6870f76bb193c6342322a1b7125e30b41bc3815bb5dc17a99c8104fc04e64ffaa3d4f3e0835f88ee15678e394e7eb97b33d0a5b47c1988e2a3e02d8c1af1e","href":"https://static.observableusercontent.com/files/7cf6870f76bb193c6342322a1b7125e30b41bc3815bb5dc17a99c8104fc04e64ffaa3d4f3e0835f88ee15678e394e7eb97b33d0a5b47c1988e2a3e02d8c1af1e","name":"scenic@2.csv","type":"text/csv","lastModified":1622355773151.175,"size":10039}] 29:{"id":"67bd7a8d9a25fea9","slug":"untitled/5","title":"河北","thumbnail":null,"access_level":"public","create_time":"$D2021-05-28T14:53:10.639Z","update_time":"$D2022-09-17T15:29:48.487Z","view_time":null,"first_public_time":"$D2021-05-29T09:24:34.826Z","fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"dec476674409c240","login":"zequanr","name":"","avatar_url":"https://avatars-next.observableusercontent.com/7ebcb6cb6c371547c504cec14f2f5d2bc9f0a00379c74f9408751e49845e04a6","tier":"starter_2024"},"version":807,"publish_version":807,"role":null,"authored":false,"authors":[{"type":"individual","id":"b9b9ceeb256945ea","login":"zequanr","name":"","avatar_url":"https://avatars-next.observableusercontent.com/7ebcb6cb6c371547c504cec14f2f5d2bc9f0a00379c74f9408751e49845e04a6","tier":null}],"members":[{"type":"individual","id":"b9b9ceeb256945ea","login":"zequanr","name":"","avatar_url":"https://avatars-next.observableusercontent.com/7ebcb6cb6c371547c504cec14f2f5d2bc9f0a00379c74f9408751e49845e04a6","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"河北","cells":[{"id":0,"value":"md`# 河北`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":729,"value":"viewof level = Inputs.select(['2A', '3A', '4A', '5A', '无'], {label: \"等级\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":754,"value":"viewof newArray = checkbox(select(level).map(item => item.name))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":104,"value":"{\n \n const node = DOM.svg(width,height + 10);\n \n map(node)\n \n label(node)\n \n return node;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":127,"value":"function label(node){\n\n let svg = d3.select(node)\n\n for (let i = 0; i < newSelect(newArray).length; i++){\n\n var proPeking = projection(newSelect(newArray)[i].axis); \n\n svg\n .append('circle')\n .attr('cx',proPeking[0])\n .attr('cy',proPeking[1])\n .attr('r',8)\n .attr('fill','red')\n .attr('stroke','#eee')\n .attr('stroke-width',5);\n\n svg\n .append('rect')\n .attr('x',13 + proPeking[0])\n .attr('y',proPeking[1])\n .attr('rx',4)\n .attr('height',18 * newSelect(newArray)[i].minName.length)\n .attr('width',20)\n .attr('fill','red')\n\n svg\n .append('text')\n .text(newSelect(newArray)[i].minName)\n .attr('fill', 'white')\n .attr('x',21.5 + proPeking[0]) \n .attr('y',5 + proPeking[1])\n .attr('font-size', 13)\n .attr('font-weight','bold')\n .attr(\"writing-mode\", \"vertical-lr\")\n }\n return node\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":94,"value":"function map(node){\n \n let svg = d3.select(node);\n \n svg\n .append('path')\n .attr('d',path(data))\n .attr('fill','none')\n .attr('stroke','black')\n \n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":60,"value":"projection = d3.geoIdentity()\n .reflectY(true)\n .fitHeight(height, data)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":62,"value":"path = d3.geoPath(projection)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":66,"value":"height =900","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":567,"value":"data = FileAttachment('hb.json').json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":17,"value":"d3 = require (\"d3@6\");","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":475,"value":"array = {\n let array = d3.csvParse(await FileAttachment('scenic@2.csv').text(), d3.autoType)\n \n// let string = array.map(item => item.axis.split(','))\n \n// let number = string.map(item => [parseFloat(item[0]), parseFloat(item[1])])\n\n let newArray = array.map(\n item => [\n {name: item.name, minName: item.minName, axis:item.axis.split(','), star:item.star}\n ]\n )\n return newArray.map(item => item[0])\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":742,"value":"function select(level){\n let M = []\n for (let i = 0; i < array.length; i++){\n if (array[i].star === level){\n M.push(array[i])\n }\n }\n return M\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":785,"value":"function newSelect(newArray){\n let M = []\n for (let i = 0; i < newArray.length; i++){\n for (let j = 0; j < array.length; j++){\n if (newArray[i] === array[j].name){\n M.push(array[j])\n }\n }\n }\n return M\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":701,"value":"$2b","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":703,"value":"$2c","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W2d","stdlib":"1","titling":"auto"}} 2a:"$29:body"