3e:null 3f:["$","title",null,{"children":"029 Map of Somewhere 修改图形两种规格 | Fred Lu | Observable"}] 45:T632,function drawGrid() {//1 绘制网格线 const opacity = 0.5; const gridStrokeWidth = Math.min(Math.max(0.25, strokeWidth / 2), 1); const dashArray = "2 3"; let gridLines = ""; // Horizontal Gridlines 水平网格线 CSMath.linspace(numOfGridLines).forEach((v) => { const y = CSMath.lerp(0, mapSize, v);//lerp(min, max, t),使用参数t在min和max之间进行线性插值， //其中t通常预计在0-1之间。 //没有任何输入或输出是固定的。 gridLines += ``; }); // Vertical Gridlines 垂直网格线 CSMath.linspace(numOfGridLines).forEach((u) => { const x = CSMath.lerp(0, mapSize*widthScale, u);//lerp(min, max, t),使用参数t在min和max之间进行线性插值， //其中t通常预计在0-1之间。 //没有任何输入或输出是固定的。 gridLines += ``; }); return gridLines; }46:T4ad,bands生成的数组的元素的内容：
M 0.365237 28.0362 L 0 27.5188 L 0 28.0362 L 0 29.5118 L 0 30.9874 L 0 32.463 L 0 33.9386 L 0 35.4142 L 0 36.8898 L 0 38.3654 L 0 39.841 L 0 41.3166 L 0 42.7922 L 0 44.2677 L 0 45.7433 L 0 47.2189 L 0 48.6945 L 0 50.1701 L 0 51.6457 L 0 53.1213 L 0 54.5969 L 0 56.0725 L 0 57.5481 L 0 59.0237 L 0 60.4993 L 0 61.9749 L 0 63.4504 L 0 64.926 L 0 66.4016 L 0 67.8772 L 0 69.3528 L 0 70.8284 L 0 70.8873 L 0.126716 70.8284 L 1.47559 70.14 L 2.76134 69.3528 L 2.95118 69.2233 L 4.42677 68.0661 L 4.63839 67.8772 L 5.90237 66.5884 L 6.06558 66.4016 L 7.17952 64.926 L 7.37796 64.6151 L 8.05619 63.4504 L 8.75221 61.9749 L 8.85355 61.7108 L 9.28561 60.4993 L 9.68724 59.0237 L 9.97294 57.5481 L 10.1536 56.0725 L 10.2382 54.5969 L 10.2345 53.1213 L 10.1487 51.6457 L 9.98645 50.1701 L 9.75233 48.6945 L 9.45037 47.2189 L 9.08405 45.7433 L 8.85355 44.9568 L 8.65442 44.2677 L 8.16388 42.7922 L 7.61748 41.3166 L 7.37796 40.735 L 7.01383 39.841 L 6.35658 38.3654 L 5.90237 37.4231 L 5.6475 36.8898 L 4.88656 35.4142 L 4.42677 34.5786 L 4.07675 33.9386 L 3.21891 32.463 L 2.95118 32.0284 L 2.31246 30.9874 L 1.47559 29.6873 L 1.36289 29.5118 L 0.365237 28.0362 Z47:T528, 0: "M0.429640566053244 25 L0 24.151563228727852 L0 25 …0113 L0.9074806390333959 26 L0.429640566053244 25" 1: "M0.18117578425360067 65 L0 64.47164890330055 L0 65…96 L0.8350753151787126 66 L0.18117578425360067 65" 2: "M73.16692582854198 0 L73.83279645974301 1 L74 1.24…78 0 L77 0 L76 0 L75 0 L74 0 L73.16692582854198 0" 3: "M0.35676443317838896 10 L0 9.61413922337578 L0 10 …5 11 L1 10.70808588427301 L0.35676443317838896 10" 4: "M62.746990430917506 0 L62.99371394528013 1 L63 1.0…7 0 L66 0 L65 0 L64 0 L63 0 L62.746990430917506 0" 5: "M1 0.5860941414461175 L0.4139058585538825 0 L0 0 L…83637 L1.4145936712016363 1 L1 0.5860941414461175" 6: "M50 168.62882803781469 L49.55649185622474 169 L50 …136 L50.75358825392547 168 L50 168.62882803781469" 7: "M0.4139058585538825 0 L1 0.5860941414461175 L1.414… 0 L5 0 L4 0 L3 0 L2 0 L1 0 L0.4139058585538825 0" 8: "M1 156.98450268915965 L0.9875525097142873 157 L0.2…697 L1.7957074818611982 156 L1 156.98450268915965" 9: "M10.558525747816182 0 L11 0.4007010659080799 L11.6…5 0 L14 0 L13 0 L12 0 L11 0 L10.558525747816182 0" 10: "M65 84.8085828914963 L64.99501602887145 85 L64.993…139 83 L65.02107354023298 84 L65 84.8085828914963" 11: "M155 10.88359696683259 L154.98254161873973 11 L154…1 9 L155.13858630082515 10 L155 10.88359696683259"48:Ta89,bands2 = {//bands，分等级，使用了bounds函数返回的数据 const intervals = CSMath.linspace(numOfIntervals);//numOfIntervals=6，生成间隔，其实可以理解成等高距，linspace(N, inclusive = false) //在一个数组中生成一个由*N*个数字组成的线性间隔数组，从0向1插值。默认情况下，1是独占的，但您可以将 //“inclusive”传递为true，以插值到并包含1作为最终元素。 //intervals = [0,0.16666666666666666,0.3333333333333333,0.5,0.6666666666666666,0.8333333333333334] const isoLines = intervals.map((weight, idx) => { //当索引大于0时，生成一条等高线，所以一共生成了5条 if (idx > 0) { const min = intervals[idx - 1]; const max = intervals[idx]; //把值映射到和noiseMap相匹配的刻度上 const lowerBound = CSMath.mapRange(//mapRange(value, inputMin, inputMax, ouptutMin, outputMax, clamp = false) //将值从一个范围“[输入最小值..输入最大值]”映射到另一个范围“[输出最小值..输出最大值]”，最小值/最大值包括在内 //默认情况下，值不是固定的，但是您可以将“clamp”指定为true，以固定“outputMin”和“outputMax”内的输出。 min, 0, 1, bounds.lower, bounds.upper ); //把值映射到和noiseMap相匹配的刻度上 const upperBound = CSMath.mapRange( max, 0, 1, bounds.lower, bounds.upper ); //生成等值线的数组，但是二维数组的x,y值是根据数组维度生成的，需要映射到svg的高和宽 const band = MarchingSquares.isoBands(//这里用了 noiseMap, lowerBound, upperBound - lowerBound ); //把值映射到svg的高和宽 return band.map((p) => p.map(([x, y]) => [ CSMath.mapRange(x, 0, resolution - 1, 0, mapSize), CSMath.mapRange(y, 0, resolution - 1, 0, mapSize) ]) ); } }) .filter((arr) => arr);//.filter((arr) => arr) 是 JavaScript 中的一种常用的数组过滤方法。它会对数组中的每一项运行给定的函数（在这里是 (arr) => arr），并将函数返回值为 true 的项组成一个新数组返回。因为 (arr) => arr 会返回其输入值本身，所以这个过滤器将会移除数组中所有的 falsy 值，并保留所有 truthy 值。 return isoLines }49:T960,bands = {//bands，分等级，使用了bounds函数返回的数据,这里是生成svg的path的具体value const intervals = CSMath.linspace(numOfIntervals);//生成间隔，其实可以理解成等高距，linspace(N, inclusive = false) //在一个数组中生成一个由*N*个数字组成的线性间隔数组，从0向1插值。默认情况下，1是独占的，但您可以将 //“inclusive”传递为true，以插值到并包含1作为最终元素。 const isoLines = intervals.map((weight, idx) => { //每次生成一条等高线 if (idx > 0) { const min = intervals[idx - 1]; const max = intervals[idx]; const lowerBound = CSMath.mapRange(//mapRange(value, inputMin, inputMax, ouptutMin, outputMax, clamp = false) //将值从一个范围“[输入最小值..输入最大值]”映射到另一个范围“[输出最小值..输出最大值]”，最小值/最大值包括在内 //默认情况下，值不是固定的，但是您可以将“clamp”指定为true，以固定“outputMin”和“outputMax”内的输出。 min, 0, 1, bounds.lower, bounds.upper ); const upperBound = CSMath.mapRange( max, 0, 1, bounds.lower, bounds.upper ); const band = MarchingSquares.isoBands(//这里用了 noiseMap, lowerBound, upperBound - lowerBound ); return band.map((p) => p.map(([x, y]) => [ CSMath.mapRange(x, 0, resolution - 1, 0, mapSize), CSMath.mapRange(y, 0, resolution - 1, 0, mapSize) ]) ); } }) .filter((arr) => arr);//.filter((arr) => arr) 是 JavaScript 中的一种常用的数组过滤方法。它会对数组中的每一项运行给定的函数（在这里是 (arr) => arr），并将函数返回值为 true 的项组成一个新数组返回。因为 (arr) => arr 会返回其输入值本身，所以这个过滤器将会移除数组中所有的 falsy 值，并保留所有 truthy 值。 return CSPenplot.pathsToSVGPaths(isoLines, { mapSize, mapSize, units: "px" });//参数：数据，高度，宽度，单位 }4a:[] 43:{"id":"dbe1ba9a70e6af62","slug":null,"title":"029 Map of Somewhere 修改图形两种规格","thumbnail":"1ce63584b723326ad236abb37a3d854f4cc70b224d3216dff7399de7a44988bd","access_level":"public","create_time":"$D2022-06-24T08:00:15.335Z","update_time":"$D2023-01-19T08:43:19.035Z","view_time":null,"first_public_time":"$D2023-01-17T13:23:17.431Z","has_unpublished_edits":null,"fork":true,"stars":5,"starred":false,"owner":{"type":"team","id":"17521a73b4bf5369","login":"metaclass","name":"Fred Lu","avatar_url":"https://avatars-next.observableusercontent.com/74842e3449a16eaa8dc29f8685b5abd7f6e2a5bbb81c99ab6866780ea41c1981","tier":"starter_2024","bio":"","following":false},"version":724,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"92c6c0b7fc90056e","login":"metaclass","name":"Fred Lu","avatar_url":"https://avatars-next.observableusercontent.com/74842e3449a16eaa8dc29f8685b5abd7f6e2a5bbb81c99ab6866780ea41c1981","tier":null,"bio":"","following":false}],"members":[{"type":"individual","id":"92c6c0b7fc90056e","login":"metaclass","name":"Fred Lu","avatar_url":"https://avatars-next.observableusercontent.com/74842e3449a16eaa8dc29f8685b5abd7f6e2a5bbb81c99ab6866780ea41c1981","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"titling":"auto","title":"029 Map of Somewhere 修改图形两种规格","cells":[{"id":0,"value":"md`# 029 Map of Somewhere 修改图形两种规格\n\nBased on Varun Vachhar's [Noise Rings](https://github.com/storybookjs/shout-out-kit/blob/main/image-component/src/noise-rings.js).`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":14,"value":"html``","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":157,"value":"viewof randomize = Button(\"🎲 Randomize\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":660,"value":"viewof widthScale = Range([1, 1.5], {//长宽比系数\n value: 1,\n step: 0.01,\n label: md`widthScale`\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":119,"value":"viewof numOfIntervals = Range([2, 12], {//等高距，\n value: 6,\n step: 1,\n label: md`Intervals`\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":34,"value":"viewof resolution = Range([10, 200], {//resolution，清晰度，指等高线的平滑度\n value: 170,\n step: 1,\n label: md`Resolution`\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":72,"value":"viewof frequencyValue = Range([-10, 10], {//频率，等高线地形图的范围\n value: -0.75,\n step: 0.125,\n label: md`Frequency`\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":77,"value":"frequency = {//频率2\n if (frequencyValue === 0) return 1;\n if (frequencyValue < 0) return -1 / frequencyValue;\n\n return frequencyValue;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":84,"value":"viewof amplitude = Range([0, 1], {//振幅\n value: 1,\n step: 0.01,\n label: md`Amplitude`\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":341,"value":"viewof margin = Range([0, 0.5], {\n value: 0.125,\n step: 0.125,\n label: md`Margin`\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":171,"value":"viewof strokeWidth = Range([0.125, 10], {\n value: 1.75,\n step: 0.125,\n label: md`Stroke Width`\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":278,"value":"viewof showGridLines = Toggle({ label: \"Show Grid Lines\", value: true })","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":269,"value":"viewof numOfGridLines = Range([0, 10], {\n value: 6,\n step: 1,\n label: md`Number of Grid Lines`,\n disabled: !showGridLines\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":108,"value":"viewof showNoiseSpace = Toggle({ label: \"Show Noise Space\", value: false })","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":462,"value":"html`

`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":20,"value":"aspectRatio = 3//等高线地形图的比例大小，数字大，越小","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":414,"value":"function placeLegend() {//5 绘制图外的图例\n const legendMarginX = marginX * 2 + mapSize*widthScale;\n const labelLengthRange = [32, 144];\n const op = 0.25;\n randomize;//上面的🎲生成的随机种子\n return `\n \n\n \n\n \n\n \n\n \n\n \n`;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":51,"value":"function drawNoise() {//2 绘制噪音\n let dotEls = \"\";\n const cellSize = mapSize / (resolution - 1);\n\n const r = 200 / resolution;\n noiseSpace.flat().forEach((p) => {\n const [u, v, n] = p;\n const cx = CSMath.lerp(0, mapSize, u);//lerp(min, max, t),使用参数t在min和max之间进行线性插值，\n //其中t通常预计在0-1之间。\n //没有任何输入或输出是固定的。\n const cy = CSMath.lerp(0, mapSize, v);\n const o = CSMath.mapRange(n, bounds.lower, bounds.upper, 0, 1);\n //mapRange(value, inputMin, inputMax, ouptutMin, outputMax, clamp = false)\n //将值从一个范围“[输入最小值..输入最大值]”映射到另一个范围“[输出最小值..输出最大值]”，最小值/最大值包括在内\n //默认情况下，值不是固定的，但是您可以将“clamp”指定为true，以固定“outputMin”和“outputMax”内的输出。\n dotEls += ``;\n });\n return dotEls;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":150,"value":"function drawIsoLines() {//3 绘制等值线，使用了bands函数返回的值\n let paths = \"\";\n bands.forEach((d, idx) => {\n paths += ``;\n });\n\n return paths;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":249,"value":"$45","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":379,"value":"function placeSymbols() {//4 绘制图中的图例符号\n const markerMargin = mapSize / 20;\n randomize;\n return `\n \n\n \n\n \n`;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":648,"value":"a=width","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":15,"value":"height = Math.floor(width / aspectRatio) //aspectRatio是比例","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":336,"value":"squareSize = Math.min(height, width)//squareSize，方形尺寸","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":322,"value":"mapSize = squareSize - squareSize * margin - strokeWidth//地图大小，方形尺寸-方形尺寸*边距占的百分比-边框宽度","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":328,"value":"marginX = marginY + strokeWidth / 2","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":329,"value":"marginY = (height - mapSize) / 2 //垂直边距=（高度-地图高度）/2","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":29,"value":"colors = ({\n bg: \"#fef4e0\",\n fg: \"#486b8b\",\n ac: \"#e25532\"\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":37,"value":"noiseSpace = CSMath.linspace(resolution, true).map((v) =>//噪音空间，noiseSpace，生成三维数组，\n //linspace(N, inclusive = false)\n //在一个数组中生成一个由*N*个数字组成的线性间隔数组，从0向1插值。默认情况下，1是独占的，但您可以将 //“inclusive”传递为true，以插值到并包含1作为最终元素。\n CSMath.linspace(resolution*widthScale, true).map((u) => {//random.noise3D(x, y, z, frequency = 1, amplitude = 1)\n //使用“单纯形噪声”模块生成三维随机单纯形噪声。\n //也可以指定噪声信号的“frequency(频率)”（将所有坐标乘以该值）和“amplitude(振幅)”（将输出结果乘以该值）。\n \n const n = CSRandom.noise3D(u, v, randomize, frequency, amplitude);\n return [u, v, n * 0.5 + 0.5];\n })\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":92,"value":"noiseMap = noiseSpace.map((p) => p.map((attr) => attr[2]))//噪音贴图，noiseMap，使用了noiseSpace函数生成的数据,转化为二维数组","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":165,"value":"bounds = {//bounds，边界，使用了noiseMap函数生成的数据\n //限制范围，输出一个对象bounds,有两个属性，\n const noises = noiseMap.flat();//数组的成员有时还是数组，Array.prototype.flat()用于将嵌套的数组“拉平”，变成一维数组。\n const lower = Math.min(...noises);\n const upper = Math.max(...noises);\n\n return {\n lower,\n upper\n };\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":600,"value":"$46","pinned":true,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":632,"value":"intervals2 = CSMath.linspace(numOfIntervals);//间隔","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":641,"value":"$47","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":715,"value":"$48","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":123,"value":"$49","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"md`## Imports`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2,"value":"CSUtil = require('https://bundle.run/canvas-sketch-util@1.10.0')\n//https://github.com/mattdesl/canvas-sketch-util","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"CSRandom = CSUtil.random//随机","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":39,"value":"CSMath = CSUtil.math//数学公式","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":545,"value":"MarchingSquares = import(//Marching squares是计算机图形学中一个用于矩阵网格点数据生成等值面的一个算法。\n//https://blog.csdn.net/whuawell/article/details/74998280\n//https://github.com/RaumZeit/MarchingSquares.js\n \"https://unpkg.com/marchingsquares@1.3.3/dist/marchingsquares-esm.js?module\"\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":143,"value":"CSPenplot = CSUtil.penplot//画笔","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":17,"value":"import { Toggle, Range, Button } from \"@observablehq/inputs\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4a","stdlib":"1"}} 44:"$43:body"