2d:null 2e:["$","title",null,{"children":"Local Warming - Model Visualization | Ginda Chen | Observable"}] 33:[] 31:{"id":"f44c613ebb6719d8","slug":"function-slider","title":"Local Warming - Model Visualization","thumbnail":"32078c4588223bdaa8417f8e238a0a993506341e182e20b04749c1949271ea46","access_level":"public","create_time":"$D2018-12-08T04:06:24.906Z","update_time":"$D2018-12-14T04:22:48.284Z","view_time":null,"first_public_time":"$D2018-12-08T05:34:02.936Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"88621bbaf496a8ae","login":"gindachen","name":"Ginda Chen","avatar_url":"https://avatars-next.observableusercontent.com/756c8cdb2a3d0fdf10196067ee393ad22da59d22d1944c0139df6b7fa0d712db","tier":"starter_2024"},"version":773,"publish_version":773,"role":null,"authored":false,"authors":[{"type":"individual","id":"5d9dfb3076bb6e74","login":"gindachen","name":"Ginda Chen","avatar_url":"https://avatars-next.observableusercontent.com/756c8cdb2a3d0fdf10196067ee393ad22da59d22d1944c0139df6b7fa0d712db","tier":null}],"members":[{"type":"individual","id":"5d9dfb3076bb6e74","login":"gindachen","name":"Ginda Chen","avatar_url":"https://avatars-next.observableusercontent.com/756c8cdb2a3d0fdf10196067ee393ad22da59d22d1944c0139df6b7fa0d712db","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":{"id":"78b5b8dac5b57445","slug":"local-warming-or-global-warming","title":"Local Warming or Global Warming","owner":{"id":"88621bbaf496a8ae","login":"gindachen","name":"Ginda Chen"}},"type":"notebook","body":{"title":"Local Warming - Model Visualization","cells":[{"id":0,"value":"md`# Local Warming - Model Visualization`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"md `\\`@Author: Ginda Chen, Haoruo Zhao, Yanjia Duan\\``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":594,"value":"html `

Play with this simplified model to fit the temperature data.

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":378,"value":"html `

McGuire AFB - Data Visuzlizer

\n\n\nx: number of days since the first day we record the temperature data\n
\ny: temperature of a given day (Farenheit)\n\n

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":405,"value":"viewof days = slider( {step: 365, max:365*55, min:365, value: 365*2, display: x => { return \"Years = \" + String(x / 365) + \" (Display \" + String(x / 365) + \" years of data\" + ( (x/365) > 10 ? \", recommend smaller value at first)\": \")\") }} )","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":115,"value":"yearsToPlot = series.slice(1, days)\n.map( v => Object({ x: v[\"x\"], y: v[\"y\"], s: foo(v[\"x\"]), u: bar(v[\"x\"]) }) )","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":634,"value":"vegalite({\n width: 800,\n height: 200,\n \"data\": {\n \"values\": yearsToPlot\n },\n \"layer\": [{\n \"mark\": \"circle\",\n \"encoding\": {\n \"x\": {\"field\": \"x\", \"type\": \"quantitative\"},\n \"y\": {\"field\": \"y\", \"type\": \"quantitative\"}\n }\n }]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":184,"value":"md `# Fit the data`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":210,"value":"md `## 1. Use \\`sin(x)\\` function to fit the data`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":152,"value":"md `From the data, we observe a cyclic pattern of the data in its essence. In this exmplae, try to fit the data by hand using only a sin function, and see the change of the error.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":114,"value":"foo = x => { \n return A * sin((x - phi) / T) + b;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":136,"value":"viewof T = slider({min: 0, max: 100, value: 60, display: v => \" T = \" + String(v) })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":155,"value":"viewof phi = slider({min: 0, max: 700, value:120, display: v => \" phi = \" + String(v) })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":151,"value":"viewof A = slider({min: 0, max: 100, value: 20, display: v => \" A = \" + String(v) })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":171,"value":"viewof b = slider({min: 0, max: 100, value : 53, display: v => \" b = \" + String(v) })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":257,"value":"md ` The norm-2 squared error of the function \\`norm(y-z)^2\\` = ${error1}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":259,"value":"error1 = (yearsToPlot.map(v => {\n return (foo(v[\"x\"]) - v[\"y\"]) * (foo(v[\"x\"]) - v[\"y\"]);\n})).reduce((x,y) => {\n return x + y;\n})/yearsToPlot.length // Calculate the 2-norm of the data","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":440,"value":"html ` \n foo(x) = ${A} * sin ( (x-${phi}) /${T}) + ${b} \n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":79,"value":"vegalite({\n width: 800,\n height: 200,\n \"data\": {\n \"values\": yearsToPlot\n },\n \"layer\": [{\n \"mark\": \"circle\",\n \"encoding\": {\n \"x\": {\"field\": \"x\", \"type\": \"quantitative\"},\n \"y\": {\"field\": \"y\", \"type\": \"quantitative\"}\n }\n }, {\n \"mark\": \"line\",\n \"encoding\": {\n \"x\": {\"field\": \"x\", \"type\": \"quantitative\"},\n \"y\": {\"field\": \"s\", \"type\": \"quantitative\"},\n \"color\": {\"value\": \"rgb(\" + String(red) + \",\" + String(green) + \",\" + String(blue) +\")\"}\n }\n }]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":94,"value":"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":289,"value":"md `## 2. Use few \\`sin(x)\\`s with different period to fit the data`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":288,"value":"viewof T1 = slider({min: 0, max: 20, value: 0.5, display: v => \" T1 = \" + String(v) + \" (0 <= T1 < 100)\" })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":287,"value":"viewof T2 = slider({min: 0, max: 20, value: 1, display: v => \" T2 = \" + String(v) + \" (0 <= T2 <= 100)\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":370,"value":"viewof T3 = slider({min: 0, max: 20, value: 4, display: v => \" T3 = \" + String(v) + \" (0 <= T3 <= 100)\" })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":286,"value":"viewof A1 = slider({min: 0, max: 30, value: 2, display: v => \" A1 = \" + String(v) })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":285,"value":"viewof A2 = slider({min: 0, max: 30, value: 20, display: v => \" A2 = \" + String(v) })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":372,"value":"viewof A3 = slider({min: 0, max: 30, value: 20, display: v => \" A3 = \" + String(v) })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":304,"value":"viewof phi1 = slider({min: 0, max: 100, value: 60, display: v => \" phi1 = \" + String(v) })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":306,"value":"viewof phi2 = slider({min: 0, max: 180, value: 107, display: v => \" phi2 = \" + String(v) })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":374,"value":"viewof phi3 = slider({min: 0, max: 180, value: 107, display: v => \" phi3 = \" + String(v) })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":337,"value":"viewof b2 = slider({min: 0, max: 100, value: 53, display: v => \" b2 = \" + String(v) + \"\" })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":300,"value":"bar = x => { \n let T0 = 365.25;\n let c = (2 * 3.14);\n return A1 * sin( c * (x - phi1) / (T1 * T0)) \n + A2 * sin( c * (x - phi2) / (T2 * T0)) \n + A3 * sin(c * (x - phi3) / (T3 * T0)) + b2;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":298,"value":"error2 = (yearsToPlot.map(v => {\n let t = (bar(v[\"x\"]) - v[\"y\"]);\n return t * t;\n})).reduce((x,y) => {\n return x + y;\n})/yearsToPlot.length // Calculate the 2-norm of the data","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":443,"value":"html `

 \nbar(x) =   
\n${A1} * sin ((x-${phi1})/${T1}) +  
\n${A2} * sin ((x-${phi2})/${T2}) +   
\n${A3} * sin ((x-${phi3})/${T3}) +  ${b2} \n

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":297,"value":"vegalite({\n width: 800,\n height: 200,\n \"data\": {\n \"values\": yearsToPlot\n },\n \"layer\": [{\n \"mark\": \"circle\",\n \"encoding\": {\n \"x\": {\"field\": \"x\", \"type\": \"quantitative\"},\n \"y\": {\"field\": \"y\", \"type\": \"quantitative\"}\n }\n }, {\n \"mark\": \"line\",\n \"encoding\": {\n \"x\": {\"field\": \"x\", \"type\": \"quantitative\"},\n \"y\": {\"field\": \"u\", \"type\": \"quantitative\"},\n \"color\": {\"value\": \"rgb(\" + String(red) + \",\" + String(green) + \",\" + String(blue) +\")\"}\n }\n }]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":659,"value":"md `# Visualize your model\nRun the LASSO and Ridge regression on MATLAB and input the \\`w\\` in the browser. See what you have got, and you might want to adjust the parameters so that it has a better fit.\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":682,"value":"md `Remember: our basis matrix looks like this:`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":684,"value":"tex `\n\\mathbf{X} =\n\\begin{bmatrix} \n\nsin(1 \\cdot 2 \\pi / T_1) & sin(1 \\cdot 2 \\pi / T_2) & \\cdots & sin(1 \\cdot 2 \\pi / T_n) & \ncos(1 \\cdot 2 \\pi / T_1) & cos(1 \\cdot 2 \\pi / T_2) & \\cdots & cos(1 \\cdot 2 \\pi / T_n) & \n1 & 1 \\\\\n\nsin(2 \\cdot 2 \\pi / T_1) & sin(2 \\cdot 2 \\pi / T_2) & \\cdots & sin(2 \\cdot 2 \\pi / T_n) & \ncos(2 \\cdot 2 \\pi / T_1) & cos(2 \\cdot 2 \\pi / T_2) & \\cdots & cos(2 \\cdot 2 \\pi / T_n) & \n1 & 2 \\\\\n\n\\vdots & & \\ddots&&& & \\vdots \\\\\n\nsin(n \\cdot 2 \\pi / T_1) & sin(n \\cdot 2 \\pi / T_2) & \\cdots & sin(n \\cdot 2 \\pi / T_n) & \ncos(n \\cdot 2 \\pi / T_1) & cos(n \\cdot 2 \\pi / T_2) & \\cdots & cos(n \\cdot 2 \\pi / T_n) & \n1 & n \\\\\n\n\n\\end{bmatrix}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":686,"value":"md `so you will have to import the values in the right position.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":668,"value":"viewof uyears = slider( {step: 365, max:365*55, min:365, value: 365*2, display: x => { return \"Your years to plot = \" + String(x / 365) + \" (Display \" + String(x / 365) + \" years of data\" + ( (x/365) > 10 ? \", recommend smaller value at first)\": \")\") }} )","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":664,"value":"uyearsToPlot = series.slice(1, uyears)\n.map( v => Object({ x: v[\"x\"], y: v[\"y\"], s: ufunc(uw, uT, v[\"x\"]), a: paperfunc(v[\"x\"]) }) )","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":663,"value":"// * Edit this to your model *\n\nuw = [ - 8.31, 0.211, // sin coefficients\n - 20.40, -0.197, // cos coefficients\n 52.6, // constant term\n 9.95e-5 // linear term \n]; \n\n// The value our author got in his paper \n// uw = [ -8.31, 0.211, -20.4, -0.197, 52.6, 9.95e-5 ];","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":675,"value":"uT = [365.25, 365.25 * 10.78]; // The value our author got in the paper: uT = [365.25, 365.25 * 10.7];","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":737,"value":"uerror = (uyearsToPlot.map(v => {\n let t = (ufunc(uw, uT, v[\"x\"]) - v[\"y\"]);\n return t * t;\n})).reduce((x,y) => {\n return x + y;\n})/uyearsToPlot.length // Calculate the 2-norm of the data","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":693,"value":"vegalite({\n width: 800,\n height: 200,\n \"data\": {\n \"values\": uyearsToPlot\n },\n \"layer\": [{\n \"mark\": \"circle\",\n \"encoding\": {\n \"x\": {\"field\": \"x\", \"type\": \"quantitative\"},\n \"y\": {\"field\": \"y\", \"type\": \"quantitative\"}, \n }\n },{\n \"mark\": \"line\",\n \"encoding\": {\n \"x\": {\"field\": \"x\", \"type\": \"quantitative\"},\n \"y\": {\"field\": \"s\", \"type\": \"quantitative\"},\n \"color\": {\"value\": \"rgb(\" + String(red) + \",\" + String(green) + \",\" + String(blue) +\")\"}\n }\n }]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":745,"value":"{\n let s = \"\";\n let N = uT.length;\n for(let i = 0; i < N; i++){\n let r = uT[i].toFixed(2);\n s += \"(\" + uw[i] + \") \\\\cdot sin( x_i \\\\cdot 2 \\\\pi / \" + r + \") + \"\n }\n for(let i = 0; i < N; i++){\n let r = uT[i].toFixed(2);\n s += \"(\" + uw[N+i] + \") \\\\cdot cos( x_i \\\\cdot 2 \\\\pi / \" + r + \") + \"\n }\n s += \"(\" + uw[2*N] +\") + (\" + uw[2*N+1] +\" ) x_i\";\n \n return tex `y_i = ${s}`\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":680,"value":"ufunc = (w, T, x) => {\n let N = uT.length;\n let a = 0;\n for(let i = 0; i < N; i++){\n a += uw[ i] * Math.sin(x * 2 * Math.PI / uT[i]) +\n uw[N + i] * Math.cos(x * 2 * Math.PI / uT[i]) ;\n }\n a += uw[2 * N] * 1 + uw[2 * N + 1] * x;\n return a\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":679,"value":"paperfunc = (x) => {\n // * Edit this to your model *\n\nlet w = [ -8.31, 0.211, // sin coefficients\n -20.4, -0.197, // cos coefficients\n 52.6, // constant term\n 9.95e-5 // linear term \n]; \nlet T = [365.25, 365.25 * 10.78]; // The value our author got in the paper: uT = [365.25, 365.25 * 10.7];\n\n return ufunc(w,T,x)\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":674,"value":"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":296,"value":"md `## (Optional) How to create your own model (here)?\n\n**1. (Crop the data)**: The original data sequence is \\`data\\`. You might want to take a part of the data out and analyze.\n\n**2. (Define parametric function)**: Define a function ( see \\`foo(x)\\` or \\`bar(x)\\` at previous section) \n\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":549,"value":"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":550,"value":"md `# Further\n[Temperature map](https://gis.ncdc.noaa.gov/maps/ncei/cdo/daily)\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":347,"value":"md `# Data Preperation\n\n- \\`data\\`: the complete dataset of McGuire (1955 - 2010) from \\`dataurl\\` \n- \\`series\\`: the \n\n\n\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":386,"value":"data = d3.csv(dataurl)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":346,"value":"dataurl = 'https://raw.githubusercontent.com/GindaChen/cs532-final/master/data/McGuireAFB.data.online.csv'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":389,"value":"series = data.map( (v, i) => { return Object({ x: i+1, y: +v[\"temperature\"] }) } )","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":392,"value":"twoyears = series.slice(1, 365*2)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":395,"value":"anothertwoyears = series.slice(365 * 2 + 1, 365 * 4)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":562,"value":"md ` Adjust your color`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":554,"value":"viewof red = slider({ min: 0, max:255, value: 255, display: v => \"Color red: \" + String(v) })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":556,"value":"viewof green = slider({ min: 0, max:255, value: 0, display: v => \"Color green: \" + String(v) })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":559,"value":"viewof blue = slider({ min: 0, max:255, value: 0, display: v => \"Color blue: \" + String(v) })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"md `# Reference`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"import {slider} from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":765,"value":"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":23,"value":"d3 = require('d3')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":52,"value":"import {abs, acos, cos, sin} from \"@fil/math\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":55,"value":"vegalite = require(\"@observablehq/vega-lite@0.1\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":290,"value":"function mut(value) {\n const view = html`

`; // TODO Proper inspection…\n  view.textContent = `Mutable {${value}}`;\n  Object.defineProperty(view, \"value\", {\n    get: () => value,\n    set: nextValue => {\n      view.textContent = `Mutable {${value = nextValue}}`;\n      view.dispatchEvent(new CustomEvent(\"input\"));\n      return value;\n    }\n  });\n  return view;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W33","stdlib":"1","titling":"auto"}}
32:"$31:body"