31:T4ad,html``32:T5ff,renderQueue = function(func) { var _queue = [], // data to be rendered _rate = 1000, // number of calls per frame _invalidate = function() {}, // invalidate last render queue _clear = function() {}; // clearing function var rq = function(data) { if (data) rq.data(data); _invalidate(); _clear(); rq.render(); }; rq.render = function() { var valid = true; _invalidate = rq.invalidate = function() { valid = false; }; function doFrame() { if (!valid) return true; var chunk = _queue.splice(0,_rate); chunk.map(func); timer_frame(doFrame); } doFrame(); }; rq.data = function(data) { _invalidate(); _queue = data.slice(0); // creates a copy of the data return rq; }; rq.add = function(data) { _queue = _queue.concat(data); }; rq.rate = function(value) { if (!arguments.length) return _rate; _rate = value; return rq; }; rq.remaining = function() { return _queue.length; }; // clear the canvas rq.clear = function(func) { if (!arguments.length) { _clear(); return rq; } _clear = func; return rq; }; rq.invalidate = _invalidate; var timer_frame = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function(callback) { setTimeout(callback, 17); }; return rq; }33:T8cf,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 : d3format.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; }34:[] 2f:{"title":"Loyola University Chapel","cells":[{"id":0,"value":"md`# Loyola University Chapel`","pinned":false,"hidden":false,"mode":"ojs"},{"id":139,"value":"viewof date = html`July 16, 2020 - Useful Daylight Illuminance Study`","pinned":false,"hidden":false,"mode":"ojs"},{"id":7,"value":"// viewof unitSelection = form(html``)","pinned":false,"hidden":false,"mode":"ojs"},{"id":49,"value":"viewof dateSwitch = form(html``)","pinned":false,"hidden":false,"mode":"ojs"},{"id":992,"value":"viewof time = {\n return slider({\n min: 6.5, \n max: 18.5, \n step: 1, \n value: 12.5,\n display: v => {\n let el = document.createElement(\"span\")\n el.innerHTML = `${d3.format(\",.0f\")(v-.5)}:30h`\n return el;\n },\n description: \"Select Time | 6:30h - 18:30h\"\n });\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1395,"value":"imgs = {\n // let folder = `https://www.elementa.nyc/projects/loyola/data/UDI_${dateSwitch.value}/`;\n let root = `https://www.elementa.nyc/projects/loyola/data/UDI_`;\n let folders = [\"3_22\", \"6_20\", \"12_18\"];\n \n let imgs = folders.map(folder => {\n return _.range(6.5, 19.5, 1).map(file => {\n \n let name = `${file}_${folder}_Top_AAI.png`;\n return `

`;\n });\n \n }).flat();\n \n return html`

${imgs}

`\n \n}\n\n// md`

$\"Model$

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1405,"value":"selection = {\n await imgs\n let selection = time + \"_\" + `${dateSwitch.value}` + \"_Top_AAI.png\";\n \n const files = document.getElementsByClassName(\"analysis_images\");\n for (let file of files) {\n file.style[\"opacity\"] = 0;\n }\n document.getElementById(selection).style[\"opacity\"] = 1;\n \n return selection \n }","pinned":false,"hidden":false,"mode":"ojs"},{"id":1560,"value":"dateSwitch.value","pinned":false,"hidden":false,"mode":"ojs"},{"id":25,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":11,"value":"_ = require('lodash@4.17.11/lodash.js').catch(() => window._)","pinned":false,"hidden":false,"mode":"ojs"},{"id":9,"value":"import {form} from \"@mbostock/form-input\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":86,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":1002,"value":"$33","pinned":false,"hidden":false,"mode":"ojs"},{"id":997,"value":"function slider(config = {}) {\n let {value, min = 0, max = 1, step = \"any\", precision = 2, title, description, getValue, format, display, submit} = config;\n if (typeof config == \"number\") value = config;\n if (value == null) value = (max + min) / 2;\n precision = Math.pow(10, precision);\n if (!getValue) getValue = input => Math.round(input.valueAsNumber * precision) / precision;\n return input({\n type: \"range\", title, description, submit, format, display,\n attributes: {min, max, step, value},\n getValue\n });\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":22,"value":"d3 = require('d3@5.9.2','d3-sankey@0.12.1');","pinned":false,"hidden":false,"mode":"ojs"},{"id":1006,"value":"d3format = require('d3-format@1');","pinned":false,"hidden":false,"mode":"ojs"},{"id":1082,"value":"import {group, groupSum, groupCount} from \"@mbostock/group\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":1167,"value":"import {table} from \"@tmcw/tables@444\"","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W34","stdlib":"1","titling":"auto"}