31:T63d,x2 = vega_interactive({ "data": { "name": "projection" }, "mark": { "type": "point", "tooltip": true, "strokeWidth": 5, "clip": true }, "encoding": { "x": { "field": "x1", "type": "quantitative", "scale": { "zero": false, "domain": [ 9, 21 ] }, "axis": { "labelAngle": 0, "orient": "top" } }, "y": { "field": "y1", "type": "quantitative", "scale": { "zero": false, "domain": [ -3.5, 6.7 ] } }, "detail": { "field": "x_in", "type": "nominal" }, "shape": { "field": "y_in", "type": "nominal", "scale": { "range": [ "square" ] } }, "color": { "field": "color", "type": "nominal", "scale": { "range": (color_range.includes("🌈") ? // classic ⚫⚪", "🌈", "🟢🟡🔵"], ["#E50000","#FF8D00","#FFEE00","#028121","#004CFF","#770088"] : (color_range.includes("🟢🟡🔵") ? ["green","yellow","blue"] : (color_range.includes("xyz") ? ["black", "#f0f0f0"] : [ "black", "#f0f0f0" ]))) } }, "size": { "value": 100 }, "opacity": opacity.length ? { "field": "y_in"} : {} }, "config": { "legend": { "disable": true } }, "width": 600, "height": 500, "datasets": {'projection':full}})32:T658, function projection_fn ({mapped, domains, cursor}) { let input_domains_projection = {} Object.entries(cursor).forEach(([k,v]) => { input_domains_projection[k] = [v] // inputs defined in cursor => a one-entry array }) Object.entries(domains).forEach(([k,v]) => { if (mapped.includes(k)) input_domains_projection[k] = v // mapped domain => include that domain }) let input_combos_projection = cartesianProduct(Object.entries(input_domains_projection).map(([k,v]) => ({[k]:v}))) // inputs...|formula|value // ^ whenever a set of formulae mapped // inputs...|formulae... // ^ whenever >1 formula is mapped // =1 case also falls here, its ok /*let sets = 0; // I could just look for formula in mapped, since mapped.forEach(m => { if (m.slice(-3) == '_in') return; if (m != 'interaction') sets++; // not even checking domains keys })*/ if (mapped.includes('formula')) { //return input_combos_projection.map(combos => ({...combos, value: +model[combos.formula](combos)})) let o = [] input_combos_projection.forEach(combos => { let ans = 'ERROR'; // or NaN for viz purposes? try { ans = +model[combos.formula](combos) } catch(e) { console.log(e) } o.push({...combos, value:ans}) }) return o; } else { let o = []; input_combos_projection.forEach(combos => { let oo = {...combos}; mapped.filter(m => m.slice(-3) != '_in') // 'interaction' case todo .forEach(f => { oo[f] = +model[f](oo); }) o.push(oo); }) return o; } }33:T416,vizes = [ // no independent scales, other missing things to generalise {name: "👀 GRID of formulae by point", model: "/models/sp-art/sp-padrao", height: 530, mark: "text", format:",.3f", encoding: { x:"formula", y:"x_in", color:"formula", text:"value" } }, {name: "📊 BAR facet of formulae by point", height: 50, width:400, model: "/models/sp-art/sp-padrao", mark: "bar", encoding: {row:"formula", x:"x_in", y:"value", color:"formula"}}, {name: "📈 LINE facet of formulae by point", height: 50, width:400, model: "/models/sp-art/sp-padrao", mark: "line", encoding: {row:"formula", x:"x_in", y:"value", color:"formula"}}, //{name: "👀 pensions rec grid of formulae by age (broken - do not use)", model: "/models/pensions/rec", height: 500, mark: "text", format:",.2f", encoding: { x:"rec_step_in", y:"formula", color:"formula", text:"value" } }, //{name: "📊 pensions rec bar facet of formulae by age", height: 60, model: "/models/pensions/rec", mark: "bar", encoding: {row:"formula", x:"age_in", y:"value", color:"formula"}} ]34:Tfd9,viewof viz_spec = { // DN: transferrable const rows = ["formula","value"/*,"field 🔓"*/,...formulae_info_inputs,""]; const cols = ["x","y","color","row","col","text","detail","size"/*, "field 🔓"*/] const t = html`fieldmin# stepssizecursortypeformat${cols.map(c => `${c}`).join('')} ${rows.map(r => `${r}${ r.substr(-3) == '_in' ? `` : ``}${ r != "" ? `` : ``}${cols.map(c => ``).join('')}`).join('\n')} independent scale?${cols.map(c => ``).join('')} ` // todo zero scale const el = html`${t}

`//ffAB` let up = () => { const mins = el.querySelectorAll(`input[class="mins"]`) mins.forEach(d => {d.disabled = false}) var o = {cursor:{}, independent_scales:{}, types:{},formats:{},encodings:{"x":"","y":"formula","color":"formula","row":"","text":"value","detail":"","size":"","field 🔓":""}}; cols.forEach(c => { var s = el.querySelector(`input[name="${c}"]:checked`) o.encodings[c] = s ? s.value : ''; if (s.value && s.value != 'formula' && s.value != 'value') { el.querySelector(`input[id="${s.value}_min"]`).disabled = true } s = el.querySelector(`input[id="independent_scale_${c}"]`) o.independent_scales[c] = s.checked }) rows.filter(r => r.substr(-3) == "_in").forEach(r => { var s = el.querySelector(`input[id="cursor_${r}"]`); o.cursor[r] = s.value == '' ? undefined : +s.value; //o.types[r] = el.querySelector(`select[id="type_${r}"]`).value }) rows.filter(r => r != "").forEach(r => { //var s = el.querySelector(`input[id="cursor_${r}"]`); //o.cursor[r] = +s.value; o.types[r] = el.querySelector(`select[id="type_${r}"]`).value o.formats[r] = el.querySelector(`input[id="format_${r}"]`).value }) //var s = el.querySelector('input[name="x"]:checked') el.value = o//s ? s.value : '' el.dispatchEvent(new Event("input", {bubbles: true})); } //el.on el.onchange = up; // this is for configuring the default viz spec el.querySelector(`input[id="x_formula"]`).checked = true; el.querySelector(`input[id="y_x_in"]`).checked = true; el.querySelector(`input[id="color_formula"]`).checked = true; el.querySelector(`input[id="text_value"]`).checked = true; (el).dispatchEvent(new Event("input", {bubbles: true})) up() //el.onload = up; //el.querySelector(`input[id="x_formula"]`).checked = true; //el.getElementById("formula_x").checked = true; //el.dispatchEvent(new Event("input", {bubbles: true})); return el; }35:T9a1,vega_interactive = { // credit to Mike Bostock (starting point): https://observablehq.com/@mbostock/hello-vega-embed const v = window.vega = await require("vega"); const vl = window.vl = await require("vega-lite"); const ve = await require("vega-embed"); async function vega(spec, options) { const div = document.createElement("div"); div.value = (await ve(div, spec, options)).view; div.value.addEventListener('mousemove', (event, item) => { //console.log(item); if (item != undefined && item.datum != undefined && item.datum.formula != undefined) { viewof formula_select.value = item.datum.formula; viewof formula_select.dispatchEvent(new CustomEvent("input")) } }) div.value.addEventListener('click', (event, item) => { console.log(item.datum); /*viewof formula_select.value = item.datum.formula; viewof formula_select.dispatchEvent(new CustomEvent("input")); viewof month_select.value = item.datum.month_in; viewof month_select.dispatchEvent(new CustomEvent("input"));*/ //if (item.datum.age_0_in != undefined) {viewof inputs.value = {...viewof inputs.value, age_0_in:item.datum.age_0_in}; //cursor.month_in.push(item.datum.month_in); //viewof inputs.dispatchEvent(new CustomEvent("input"))}; // if (item.datum.age_in != undefined) {viewof inputs.value = {...viewof inputs.value, age_in:item.datum.age_in}; //cursor.month_in.push(item.datum.month_in); //viewof inputs.dispatchEvent(new CustomEvent("input"))}; //viewof inputs.value = { ...viewof inputs.value, ...item.datum }; //viewof inputs.dispatchEvent(new CustomEvent("input")) viewof formula_select.value = item.datum.formula; viewof formula_select.dispatchEvent(new CustomEvent("input")) //y.value.insert('selection_age_0_in_store', [{unit: "concat_1_layer_0", fields: [{"field":"age_0_in","channel":"x","type":"E"}] , values:[10]}]) //y.value.insert('selection_dampener_in_store', [{unit: "concat_2_concat_2_layer_0", fields: [{"field":"dampener_in","channel":"x","type":"E"}] , values:[0.95]}]) //.run() // NOW TODO addSignalListener stuff... is it trigerred for above?? // until there is a selection api... //https://github.com/vega/vega-lite/issues/2790#issuecomment-976633121 // https://github.com/vega/vega-lite/issues/1830#issuecomment-926138326 }) // DN return div; } vega.changeset = v.changeset; return vega; }36:T5a7,// age_in,20,70,10,30,60,10 input_domains_config = d3.csvParse( `input,min,max,step,default0,default1,step_sens,label age_in,18,60,1,30,30,1,age age_0_in,18,65,1,30,30,5,starting age salary_0_in,5000,300000,1000,50000,50000,30000,starting salary salary_inflation_rate_in,-0.02,0.10,0.01,0.02,0.02,0.03,salary growth rate empee_contribution_rate_in,0.00,0.30,0.01,0.1,0.1,0.05,empee contribution as % of salary emper_contribution_rate_in,0.00,0.30,0.01,0.1,0.1,0.05,emper contribution as % of salary contribution_charge_in,-0.02,0.10,0.01,0.04,0.04,0.01,contribution charge unit_growth_rate_in,-0.02,0.10,0.01,0.05,0.05,0.02,investment growth rate retirement_age_in,50,75,1,65,65,5,retirement age fund_value_0_in,0,1000000,1000,0,0,50000,starting fund value annual_salary_in,0,1000000,1000,50000,50000,50000 addl_credit_in,0,1,1,0,0,1 num_bars_in,0,20,1,10,10,5 container_height$_in,0,600,1,500,500,100 top_margin$_in,0,20,1,10,10,5 bottom_margin$_in,0,20,1,10,10,5 gap$_in,0,20,1,10,10,15 bar_height$_in,0,50,1,25,25,5 rec_step_in,0,4,1,0,0,1,rec step age_opening_in,20,25,1,20,20,1,rec opening age age_closing_in,20,25,1,21,21,1,rec closing age gross_salary_in, tax_credits_in, pension_contribution_in, paye_band_id_in, p_in,0,30,1,1,1,1,point skewness_in,-2,2,0.1,1,1,0.1,skewness_in x_in,13,30,0.5,15,15,0.1,x_in y_in,-100,100,0.5,0,0,0.1,y_in `, d => ({...d, min:+d.min,max:+d.max}))// x_in: _.range(2,23,0.15), // y_in: _.range(-4,7,0.15), 37:[] 2f:{"title":"Function from São Paulo 🌇🎨","cells":[{"id":0,"value":"# Function from São Paulo 🌇🎨","pinned":false,"hidden":false,"mode":"md"},{"id":2557,"value":"*This is a visual of a function modelled with [calculang](https://github.com/calculang/calculang), a language for calculations for **transparency, education and certainty** about **numbers and maths, and maths art*** 🎨","pinned":false,"hidden":false,"mode":"md"},{"id":3296,"value":"The repeating \"[São Paulo padrão](https://www.google.com/search?q=sao+paulo+padrao&tbm=isch)\" is a pattern you won't get away from if pay attention to the pavements when you walk around São Paulo. Its shape represents the map of São Paulo state ([kindof imaginative](https://commons.wikimedia.org/wiki/File:Mapa_da_Prov%C3%ADncia_de_S%C3%A3o_Paulo_-_1886.jpg)!).\n\nAllegedly designer [Mirthes dos Santos Pinto](https://www.archdaily.com.br/br/tag/mirthes-dos-santos-pinto) said these pavements should be better maintained. I kinda agree, but I'll still miss them. 🙂\n\nI include [a reference photo](#photo) below 📸\n\n**Explore the color schemes!** There is a little **easter egg** for the athmosphere in São Paulo right now 🌈 😀","pinned":false,"hidden":false,"mode":"md"},{"id":785,"value":"inpts_link = md`### *changey things* ⚙️`","pinned":false,"hidden":false,"mode":"ojs"},{"id":3066,"value":"viewof color_range = Inputs.select([\"classic ⚫⚪\", \"🌈 🥚\", \"🟢🟡🔵\"], {label: \"color scheme\", value:\"classic ⚫⚪\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":3253,"value":"viewof skewness_in = Inputs.range([-2, 2], {label: \"skewness\", step: 0.1, value:1})","pinned":false,"hidden":false,"mode":"ojs"},{"id":3265,"value":"viewof step = Inputs.range([0.15, 0.3], {label: \"step size\", step: 0.01, value:0.25})","pinned":false,"hidden":false,"mode":"ojs"},{"id":3277,"value":"^ step size; smaller is better resolution but more computation-intensive. I prefer 0.16 which includes the effects I was going for, but interactivity is more responsive at bigger step sizes.","pinned":false,"hidden":false,"mode":"html"},{"id":3003,"value":"// thx to https://observablehq.com/@sachina/calendar-view-horizontal-scrolling\nv2 = html`\n

${x2}

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":3240,"value":"viewof opacity = Inputs.checkbox([\"opacity\"], {label: \"effects\", value: [\"opacity\"]})","pinned":false,"hidden":false,"mode":"ojs"},{"id":3395,"value":"[⬇ reference photo 📸](#photo)","pinned":false,"hidden":false,"mode":"md"},{"id":2884,"value":"---\n","pinned":false,"hidden":false,"mode":"md"},{"id":2161,"value":"### *working, samples* 👨‍🏫 \n\nSome calculation workings; formulae for these workings are under [*calculang formulae* 🪄](#calculang_formulae)","pinned":false,"hidden":false,"mode":"md"},{"id":2163,"value":"viewof picture = Inputs.select([...vizes.map(d => d.name), \"👀 grid of formulae w. deps 👪 interaction ⛔\"], {label: \"Pick a picture 🎨\", value:\"👀 grid of formulae\", disabled: [\"👀 grid of formulae w. deps 👪 interaction ⛔\"] })","pinned":false,"hidden":false,"mode":"ojs"},{"id":438,"value":"viewof inputs = {\n var obj = {};\n //obj['age_in'] = Inputs.range([inputs.age_0_in-1, inputs.retirement_age_in], {step: 1, label:'age'});\n formulae_info_inputs.forEach(d => {\n //var rate = d.indexOf(\"rate\") != -1\n var config = input_domains_config.find(e => e.input == d)\n if (config.label != \"\") {\n obj[d] = Inputs.range([config.min, config.max], {step: config.step, label: mapped_inputs.indexOf(d) != -1 ? '-' : config.label, value: +config.default1, disabled: mapped_inputs.indexOf(d) != -1})\n //if (mapped_inputs.indexOf(d) != -1) obj[d].disabled = true;\n obj[d].onchange = () => {console.log('changed hi')}\n }\n })\n return Inputs.form(obj)\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":2141,"value":"// thx to https://observablehq.com/@sachina/calendar-view-horizontal-scrolling\nv = html`\n

${x}

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":2412,"value":"html`${DOM.download(serialize(projection), \"pension_projection_workings\", \"download numbers\")}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":951,"value":"calculang_formulae = md`### *calculang formulae* 🪄\n\n*highlight or click a number in visual to see it's calculang formula below:*`","pinned":false,"hidden":false,"mode":"ojs"},{"id":972,"value":"viewof formula_select = Inputs.select(/*[\"1_unit_balance_\", \"1_annual_salary_\", \"1_unit_allocation_\", \"0_unit_balance\", \"0_annual_salary\", \"0_unit_allocation\"]*/Object.entries(introspection.cul_functions).filter(([a,b]) => b.reason == 'definition' && b.cul_source_scope_id==0).map(([a,b]) => b.name), {label: \"formula\", value:\"projected_fund_value\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":985,"value":"md`\n~~~js\n${cs.filter((d, i) => i >= cul_formula_loc.start.line-1 && i < cul_formula_loc.end.line).join('\\n').slice(13)}\n~~~\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1980,"value":"brief = md`.\n\n.\n\n.\n\n## credits\n\nmade with 💖 and [calculang](https://github.com/calculang).\n\n*Below is notebook code and workings which you may ignore.* 😌\n\n---\n\n.\n\n.\n\n.\n\n.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":3358,"value":"photo =\nmd`\n## reference photo 📸\n\nNote: I am not a photographer 😌 | [go back up](#inpts_link)\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":3354,"value":"![text](https://i.imgur.com/ApNp2nv.jpg)","pinned":false,"hidden":false,"mode":"md"},{"id":3404,"value":"[go back up](#inpts_link)","pinned":false,"hidden":false,"mode":"md"},{"id":3398,"value":"---\n\nBelow is notebook code and workings which you may ignore. 😌\n\n---","pinned":false,"hidden":false,"mode":"md"},{"id":3006,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":3206,"value":"full = projection_fn({mapped:['x1','y1','x_in','y_in','color'], domains:{\n x_in: _.range(3,25,step),\n y_in: _.range(-4,7,step),\n formulae: [\"block_x\",\"block_y\",\"x1\",\"y1\",\"section_x\"]}\n ,\n cursor: {skewness_in:[skewness_in]}\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":3209,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":3072,"value":"scale = {\n if (color_range == 'classic ⚫⚪')\n return ({\"range\": [\"#dddde9\",\"black\"]})\n else if (color_range == 'colorful 🎨')\n return ({scheme: 'category10'})\n else if (color_range == '🟢🟡🔵')\n return ({range: [\"green\",\"yellow\",\"blue\"]})\n else\n return ({scheme: color_range})\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":2999,"value":"//full = _.range(0,points).map(p_in => ({x:model.x({p_in}),y:model.y({p_in}),color:model.color({p_in}), p_in })) //model.x({p_in:0})","pinned":false,"hidden":false,"mode":"ojs"},{"id":15,"value":"## appendix","pinned":false,"hidden":false,"mode":"md"},{"id":2734,"value":"ref = \"7a1cd\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":1935,"value":"viewof code_opt_fv = Inputs.select([\"📝 calculang source 💬\", \"✨ calculang output ✨ for 🖥️\"], {label: \"🧙 via 🌲s\", value: \"📝 calculang source 💬\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":2360,"value":"viewof format = Inputs.text({label: 'format',value: ',.2f'})","pinned":false,"hidden":false,"mode":"ojs"},{"id":965,"value":"cul_formula_loc = introspection.cul_functions['0_'+formula_select].loc","pinned":false,"hidden":false,"mode":"ojs"},{"id":981,"value":"cs = (code_opt_fv.indexOf(\"source\") != -1 ? calcuin_fv : calcuout).split('\\n')","pinned":false,"hidden":false,"mode":"ojs"},{"id":2229,"value":"viz = vizes.find(d => d.name == picture)","pinned":false,"hidden":false,"mode":"ojs"},{"id":2192,"value":"$33","pinned":false,"hidden":false,"mode":"ojs"},{"id":2485,"value":"c_spec2 = {\n let t = {...c_spec1}\n t.width = 500;\n //t.height = 500\n if (t.encoding.x) t.encoding.x.axis = {labelAngle: 0, orient:\"top\", labelLimit: 90}\n if (t.encoding.row) t.encoding.row.header = { labelLimit: 70}\n return t\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1432,"value":" x = vega_interactive(c_spec2)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1884,"value":"viewof selected_formulae = Inputs.select(formulae_info.filter(d => formulae_info_inputs.indexOf(d.name+'_in') == -1).map(d=>d.name), {label: \"selected formulae\", multiple: true, value:formulae_info.filter(d => formulae_info_inputs.indexOf(d.name+'_in') == -1).map(d=>d.name).filter(d => d != \"net_salary\" && d != \"income_tax\")/*[\"annual_salary\", \"annual_premium\", \"fund_value\", \"unit_price\", \"unit_balance\", \"unit_allocation\"]*/}) // excluding projected_fund_value even though it is the key output! It makes it into the table anyways","pinned":false,"hidden":false,"mode":"ojs"},{"id":2290,"value":"[visual](#v)","pinned":false,"hidden":false,"mode":"md"},{"id":1283,"value":"//viewof mark = Inputs.select([\"?\", \"bar\", \"line\", \"point\",\"text\",\"rect\"], {label: \"mark\", value:\"text\"})\nmark = viz.mark","pinned":false,"hidden":false,"mode":"ojs"},{"id":1285,"value":"//viewof height = Inputs.range([0, 1000], {label: \"height\", step: 50, value:400})\nheight = viz.height","pinned":false,"hidden":false,"mode":"ojs"},{"id":2221,"value":"changing the field mapping is bad now because the domains aren't configured for this, but for the input entry","pinned":false,"hidden":false,"mode":"md"},{"id":1238,"value":"$34","pinned":false,"hidden":false,"mode":"ojs"},{"id":1785,"value":"viewof viz_spec.querySelector(`input[id=\"x_formula\"]`).checked = true;","pinned":false,"hidden":false,"mode":"ojs"},{"id":1798,"value":"viewof viz_spec.querySelector(`input[id=\"color_formula\"]`).checked = true;\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":2022,"value":"viewof viz_spec.querySelector(`input[id=\"y_x_in\"]`).checked = true;\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":1800,"value":"viewof viz_spec.querySelector(`input[id=\"text_value\"]`).checked = true;\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":1267,"value":"mapped_inputs = encodings.filter(d => d.field.substr(-3) == '_in').map(d => d.field) //Object.entries(viz_spec.encodings).map(d => d[1]).filter(d => d.substr(-3) == \"_in\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":493,"value":"// anything mapped to an enconding should go here\n\ninput_domains_A_overrides = {\n var o = {}\n mapped_inputs.forEach(i => {\n o[i] = domains[i]\n })\n if (mapped_inputs.indexOf(\"age_in\") != -1) o.age_in = _.range(inputs.age_0_in-1,inputs.retirement_age_in+1)\n return o\n}\n\n/*input_domains_A_overrides = model_path.indexOf('pensions') != -1 ? ({\n [pvt_y]: domains[pvt_y]\n //age_in: _.range(inputs.age_0_in-1, inputs.retirement_age_in+3),\n //\n}) : ({t_in: _.range(0,12).map(m => new Date(2014,m,1))})*/","pinned":false,"hidden":false,"mode":"ojs"},{"id":1667,"value":"input_domains_A_projection = {\n var o = {}\n Object.entries(/*viz_spec.cursor*/inputs).forEach(([k,v]) => {\n o[k] = [v]\n })\n Object.entries(input_domains_A_overrides).forEach(([k,v]) => {\n o[k] = v\n })\n //o.formula = Object.values(model)\n return o\n}\n ","pinned":false,"hidden":false,"mode":"ojs"},{"id":1673,"value":"input_combos_A_projection = cartesianProduct(Object.entries(input_domains_A_projection).map(([k,v]) => ({[k]: v})))","pinned":false,"hidden":false,"mode":"ojs"},{"id":36,"value":"### calculang plugs","pinned":false,"hidden":false,"mode":"md"},{"id":2796,"value":"formulae_info","pinned":false,"hidden":false,"mode":"ojs"},{"id":640,"value":"// age_in bit here not done programmatically ! just use all combos?\nprojection = formulae_info.filter(d => formulae_info_inputs.indexOf(d.name+'_in') == -1).filter(d => selected_formulae.indexOf(d.name) != -1).filter(d => d.cul_source_scope_id==0).map(({name}) => input_combos_A_projection.map(combos => ({...combos,/*[pvt_y]: combos[pvt_y],*/ formula:name, /*[name]*/value: +model[name](combos)/*.toFixed(2)*/}))).flat()\n// pre-folded!","pinned":false,"hidden":false,"mode":"ojs"},{"id":1632,"value":"model_path = \"/models/sp-art/sp-padrao\"//viz.model // lag with updating this for every viz change, rather than as-needed","pinned":false,"hidden":false,"mode":"ojs"},{"id":6,"value":"model = require(URL.createObjectURL(new Blob([b64_to_utf8(module_response.data.content)], { type: \"text/javascript\" })))\n //require(`https://cdn.jsdelivr.net/gh/${location1}@${sha}/${location2}.js?v=${version}`)","pinned":false,"hidden":false,"mode":"ojs"},{"id":395,"value":"// info for the available formulae (not every formula)\nformulae_info = Object.keys(model).map(d => Object.values(introspection.cul_functions).find(e => e.name == d && e.cul_scope_id == 0)).filter(d => d != undefined)","pinned":false,"hidden":false,"mode":"ojs"},{"id":420,"value":"formulae_info_inputs = {\n var inputs = [];\n formulae_info.forEach(d => {\n inputs.push(d.inputs)\n })\n return [...new Set(inputs.flat())] //Object.keys(inputs);\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1184,"value":"domains = {\n var o = {};\n for (var i in input_domains_config) {\n var d = input_domains_config[i];\n o[d.input] = _.range(d.min, d.max, d.step).map(d => +d.toFixed(2))// input_domains_config[i];\n };\n return o\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":239,"value":"owner = \"declann\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":242,"value":"repo = \"calculang-miscellaneous-models\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":237,"value":"module_response = await octokit.request('GET /repos/{owner}/{repo}/contents/{model_path}.js?ref={ref}', {\n owner, repo, model_path, ref\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":2845,"value":"[link](${module_response.data.html_url})","pinned":false,"hidden":false,"mode":"md"},{"id":2013,"value":"cul_scope_id=0","pinned":false,"hidden":false,"mode":"ojs"},{"id":916,"value":"calcuin_response = await octokit.request('GET /repos/{owner}/{repo}/contents/{model_path}-nomemo_esm/cul_scope_{cul_scope_id}.cul.js?ref={ref}', {\n owner, repo, model_path, cul_scope_id, ref\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1012,"value":"calcuin_response_fv = await octokit.request('GET /repos/{owner}/{repo}/contents/{model_path}-nomemo_esm/cul_scope_{cul_scope_id}.cul.js?ref={ref}', {\n owner, repo, model_path, cul_scope_id: 0, ref // won't work for scope > 9\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1017,"value":"calcuin_fv = b64_to_utf8(calcuin_response_fv.data.content)","pinned":true,"hidden":true,"mode":"ojs"},{"id":50,"value":"calcuout_response = await octokit.request('GET /repos/{owner}/{repo}/contents/{model_path}-nomemo_esm/cul_scope_{cul_scope_id}.mjs?ref={ref}', {\n owner, repo, model_path, cul_scope_id, ref\n})\n \n//fetch(`https://cdn.jsdelivr.net/gh/${location1}@${sha}/${location2}_verbose/0.js?v=${version}`).then(response => response.text())","pinned":false,"hidden":false,"mode":"ojs"},{"id":294,"value":"calcuout = b64_to_utf8(calcuout_response.data.content)","pinned":false,"hidden":true,"mode":"ojs"},{"id":63,"value":"introspection_response = await octokit.request('GET /repos/{owner}/{repo}/contents/{model_path}-nomemo.introspection.json?ref={ref}', {\n owner, repo, model_path, ref\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":290,"value":"introspection = JSON.parse(b64_to_utf8(introspection_response.data.content))","pinned":false,"hidden":false,"mode":"ojs"},{"id":224,"value":"// https://developer.mozilla.org/en-US/docs/Glossary/Base64#the_unicode_problem\nfunction b64_to_utf8( str ) {\n return decodeURIComponent(escape(window.atob( str )));\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":227,"value":"octokit_constructor = (await import('https://cdn.skypack.dev/@octokit/rest@16')).default","pinned":false,"hidden":false,"mode":"ojs"},{"id":229,"value":"octokit = new octokit_constructor()","pinned":false,"hidden":false,"mode":"ojs"},{"id":618,"value":"// https://stackoverflow.com/questions/18957972/cartesian-product-of-objects-in-javascript\n\nfunction copy(obj) {\n var res = {};\n for (var p in obj) res[p] = obj[p];\n return res;\n }\n ","pinned":false,"hidden":false,"mode":"ojs"},{"id":616,"value":"// https://stackoverflow.com/questions/18957972/cartesian-product-of-objects-in-javascript\nfunction cartesianProduct(input, current) {\n if (!input || !input.length) { return []; }\n \n var head = input[0];\n var tail = input.slice(1);\n var output = [];\n \n for (var key in head) {\n for (var i = 0; i < head[key].length; i++) {\n var newCurrent = copy(current); \n newCurrent[key] = head[key][i];\n if (tail.length) {\n var productOfTail = \n cartesianProduct(tail, newCurrent);\n output = output.concat(productOfTail);\n } else output.push(newCurrent);\n }\n } \n return output;\n }","pinned":false,"hidden":false,"mode":"ojs"},{"id":1103,"value":"$35","pinned":false,"hidden":false,"mode":"ojs"},{"id":657,"value":"vega = { // credit to Mike Bostock: https://observablehq.com/@mbostock/hello-vega-embed\n const v = window.vega = await require(\"vega\");\n const vl = window.vl = await require(\"vega-lite\");\n const ve = await require(\"vega-embed\");\n async function vega(spec, options) {\n const div = document.createElement(\"div\");\n div.value = (await ve(div, spec, options)).view;\n div.value.addEventListener('click', (event, item) => { console.log(item.datum) }) // DN\n return div;\n }\n vega.changeset = v.changeset;\n return vega;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":2122,"value":"json2csv = require(\"json2csv@5.0.7/dist/json2csv.umd.js\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":2125,"value":"// thx to https://observablehq.com/@palewire/saving-csv\n// Ben Welsh and comments from Christophe Yamahata\nfunction serialize (data) {\n let parser = new json2csv.Parser();\n let csv = parser.parse(data);\n return new Blob([csv], {type: \"text/csv\"}) \n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1291,"value":"## compassql","pinned":false,"hidden":false,"mode":"md"},{"id":1294,"value":"cql = require(\"compassql\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":1296,"value":"schema = cql.schema.build(projection)","pinned":false,"hidden":false,"mode":"ojs"},{"id":2348,"value":"encodings2 = Object.entries(viz.encoding).map(([e,f]) => ({channel: e, field: f, type: f == 'value' ? 'quantitative' : 'nominal', format: e == 'text' ? format : ''}))","pinned":false,"hidden":false,"mode":"ojs"},{"id":1307,"value":"encodings = encodings2//Object.entries(viz_spec.encodings).filter(([k,v]) => v != '' && k != 'cursor' && k != 'independent_scales' && k != 'types' && k != 'formats').map(([k,v]) => ({channel:k,field:v,type:viz_spec.types[v],format:viz_spec.formats[v]}))","pinned":false,"hidden":false,"mode":"ojs"},{"id":1303,"value":"output = cql.recommend({\n spec: {data: projection,\n mark: mark == 'bar' ? 'line' : mark,\n encodings\n },\n chooseBy: \"effectiveness\",\n}, schema);","pinned":false,"hidden":false,"mode":"ojs"},{"id":1301,"value":"vlTree = cql.result.mapLeaves(output.result, function (item) {\n return item//.toSpec();\n});","pinned":false,"hidden":false,"mode":"ojs"},{"id":1309,"value":"c_spec = vlTree.items[0].toSpec()","pinned":false,"hidden":false,"mode":"ojs"},{"id":1311,"value":"c_spec1 = {\n var s = c_spec;\n s.data = {name: 'projection'};\n s.width = viz.width ?? 820;\n s.height = height;\n s.datasets = {projection}\n var r = {}\n Object.entries(viz_spec.independent_scales).filter(([k,v]) => v == true).forEach(([k,v]) => { r[k] = 'independent' })\n s.resolve = {scale: r}\n if (mark == \"bar\") s.mark = \"bar\"; //{\"type\": \"bar\", \"tooltip\": true};\n var p = s.mark;\n s.mark = {type: p, tooltip:true}\n if (mark == \"line\") s.mark.point = true\n \n s[\"config\"] ={\"legend\": {\"disable\": true}}\n\n //s['encoding']['x']['axis']['labelAngle'] = 0 //.x.axis.labelAngle=0// = {\"orient\": \"top\", \"labelAngle\":0};\n\n return s\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":2708,"value":"actuals_template = _.range(inputs.age_0_in-1, inputs.retirement_age_in).map(age_in => ({...inputs, age_in}))","pinned":false,"hidden":false,"mode":"ojs"},{"id":527,"value":"$36","pinned":false,"hidden":false,"mode":"ojs"},{"id":2530,"value":"#### TODO\n\nget more things into vizes spec:\n- domains\n- formula filter fn\n- perf RE switching models\n\nnumbers overlay, impacts/overlay\n\nMake interactions tracking and see if adding UI for it is easy, setup interactions charts","pinned":false,"hidden":false,"mode":"md"},{"id":203,"value":"## credits\n\nmade with 💖 and [calculang](https://github.com/calculang)","pinned":false,"hidden":false,"mode":"md"}],"files":"$W37","stdlib":"1","titling":"auto"}