2d:null 2e:["$","title",null,{"children":"Resource Allocation in Ukraine, Part 2: Distance Metrics | Jeff Jacobs | Observable"}] 33:T419,addTooltips(Plot.plot({ // width: 975, // height: 610, color: { scheme: "reds", label: "Unmet Demand", legend: true, n: 10, domain: [0,10], }, marks: [ Plot.geo(regions, { fill: d => computeUnmet(d.properties.ISO_1), // tip: true, // channels: { // name: d => d.properties.NAME_1, // iso: d => d.properties.ISO_1 // } title: (d) => `${d.properties.NAME_1} / ${iso2name_uk.get(d.properties.ISO_1)}\nAllocated: ${getAllocation(d.properties.ISO_1)}\nTotal Demand: ${getDemand(d.properties.ISO_1)}\n=> Unmet Demand: ${computeUnmet(d.properties.ISO_1)}` }), Plot.geo(regions, {stroke: "white"}), Plot.text(regions, Plot.centroid({ text: (d) => `${iso2name_uk.get(d.properties.ISO_1)}\n${computeReceived(d.properties.ISO_1)} / ${getDemand(d.properties.ISO_1)}`, //text: (d) => `\u0427 ${d.properties.ISO_1} ${iso2name_uk.get(d.properties.ISO_1)}`, fill: "white", stroke: "black", fontSize: 16, })), ] }) )34:T457,function inputGrid(views, names, args) { const spaceOnLeft = "margin-left: 2px;"; const spaceOnRight = "margin-right: 2px;"; const cellPadding = "padding-left: 2px; padding-right: 2px;"; const borderStyle = "border: 2px solid darkgrey;"; const widthSettings = `min-width: ${globs.gridCellWidth}; max-width: ${globs.gridCellWidth};`; const form = html`

${views.map( (row, rowIndex) => html`

${row.map( (input, inputIndex) => html`

${input}

` )}

`; form.oninput = () => { const values = views.map(row => row.map(input => input.value)); form.value = values; if (args && args.objOnly) form.value = {}; if (names) { names.forEach((row, i) => row.forEach( (c, j) => values[i][j] != null && (form.value[c] = values[i][j]) ) ); } }; form.oninput(); return form; }35:[{"id":"c7bf45b9c56fa4bce05837478d9bb1d4c73062e2cdefbc7fb5591bba7f48c74f6ee74cfe1a6ed7cb896441632d42b394421382cc3f9690686614a6fb034bf831","href":"https://static.observableusercontent.com/files/c7bf45b9c56fa4bce05837478d9bb1d4c73062e2cdefbc7fb5591bba7f48c74f6ee74cfe1a6ed7cb896441632d42b394421382cc3f9690686614a6fb034bf831","name":"Ukraine-regions@1.json","type":"application/json","lastModified":1723102689125.083,"size":39811}] 31:{"id":"b0ece2052ba69346","slug":"resource-allocation-distances","title":"Resource Allocation in Ukraine, Part 2: Distance Metrics","thumbnail":"49f29c3473b51f447915e5d829b3830b69fefd756921f9f41e83d6db6326c95e","access_level":"public","create_time":"$D2024-08-08T07:38:09.125Z","update_time":"$D2026-08-18T05:32:33.938Z","view_time":null,"first_public_time":"$D2024-08-08T07:38:09.125Z","has_unpublished_edits":null,"fork":{"id":"3265399cb9757b27","slug":null,"title":"Resource Allocation in Ukraine Part 1: Divisibility","owner":{"id":"38d71e6f34a30993","login":"jpowerj","name":"Jeff Jacobs"}},"stars":0,"starred":false,"owner":{"type":"team","id":"38d71e6f34a30993","login":"jpowerj","name":"Jeff Jacobs","avatar_url":"https://avatars-next.observableusercontent.com/cf34f4139c8c0841a9701629ca7d66e8ddcc88b7623f62f05e243b8980480f1c","tier":"starter_2024"},"version":1232,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"3d6a884a9195123e","login":"jpowerj","name":"Jeff Jacobs","avatar_url":"https://avatars-next.observableusercontent.com/cf34f4139c8c0841a9701629ca7d66e8ddcc88b7623f62f05e243b8980480f1c","tier":null}],"members":[{"type":"team","id":"38d71e6f34a30993","login":"jpowerj","name":"Jeff Jacobs","avatar_url":"https://avatars-next.observableusercontent.com/cf34f4139c8c0841a9701629ca7d66e8ddcc88b7623f62f05e243b8980480f1c","tier":"starter_2024","role":"editor"},{"type":"individual","id":"3d6a884a9195123e","login":"jpowerj","name":"Jeff Jacobs","avatar_url":"https://avatars-next.observableusercontent.com/cf34f4139c8c0841a9701629ca7d66e8ddcc88b7623f62f05e243b8980480f1c","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":{"id":"30aa05560de3a381","slug":"data-ethics-and-policy","title":"DSAN 5450: Data Ethics and Policy","owner":{"id":"38d71e6f34a30993","login":"jpowerj","name":"Jeff Jacobs"}},"type":"notebook","body":{"title":"Resource Allocation in Ukraine, Part 2: Distance Metrics","cells":[{"id":0,"value":"# Resource Allocation in Ukraine, Part 2: Distance Metrics","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":560,"value":"Interactive demo for Data Ethics: Algorithmic Privacy and Scarce Resource Allocation ${extIcon} (Georgetown CDTO Campus: Shaping the Digital Future)","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":553,"value":"## Choose Allocations to Update Map (Budget = ${globs.totalBudget})","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":293,"value":"// viewof alloc = Inputs.form({\n// kyiv: genSlider(\"Київська область\"),\n// zhytomyr: genSlider(\"Житомирська\"),\n// vinnytsia: genSlider(\"Вінницька\"),\n// cherkasy: genSlider(\"Черкаська\"),\n// poltava: genSlider(\"Полтавська\"),\n// chernihiv: genSlider(\"Чернігівська\"),\n// })\ninputGrid(\n [\n [viewof zhytomyr, viewof kyiv, viewof chernihiv],\n [viewof vinnytsia, viewof cherkasy, viewof poltava],\n ],\n [\n ['zhytomyr', 'kyiv', 'chernihiv'],\n ['vinnytsia','cherkasy', 'poltava'],\n ],\n { objOnly: true }\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":838,"value":"alloc = ({\n zhytomyr: zhytomyr, kyiv: kyiv, chernihiv: chernihiv,\n vinnytsia: vinnytsia, cherkasy: cherkasy, poltava: poltava\n});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":670,"value":"Remaining Unmet Demand: ${totalUnmet} | Remaining Budget: ${html`${totalRemaining}`} (${totalRemaining} / ${globs.totalBudget}) ${Inputs.button(\"Reset\", {reduce: resetAlloc})}","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":381,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":275,"value":"## Load / Parse Geo Data","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1072,"value":"### Shapefiles","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":53,"value":"//ua_topo = FileAttachment(\"ukraine2.json\").json()\nua_topo = {\n var ua_topo_json = await FileAttachment(\"Ukraine-regions@1.json\").json();\n // Keep just the inclStates\n ua_topo_json.objects.UKR_adm1.geometries = ua_topo_json.objects.UKR_adm1.geometries.filter(d => inclCodes.indexOf(d.properties.ISO_1) > -1);\n return(ua_topo_json);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":226,"value":"//ua_geojson = FileAttachment(\"UKR1_simplified.geojson\").json()\nregions = topojson.feature(ua_topo, ua_topo.objects.UKR_adm1)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":126,"value":"statemap = new Map(regions.features.filter(d => inclCodes.indexOf(d.properties.ISO_1) > -1).map(d => [d.properties.NAME_1, d]))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1074,"value":"### Metadata","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":182,"value":"regionData = d3.csv(\"https://docs.google.com/spreadsheets/d/e/2PACX-1vR792Vvir2BIafIxLp_9FlkcElgrmTRgTvA6O9qWbpcrrOZ1MGSh3EIAiuRphCJQhCBA50uSadv01Md/pub?gid=0&single=true&output=csv\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1115,"value":"regionData","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":305,"value":"inclRegionData = regionData.filter(d => inclCodes.indexOf(d.iso) > -1)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":257,"value":"regionDataMap = new Map(inclRegionData.map(d => [d.iso, parseInt(d.initial_demand)]))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":526,"value":"name2iso = new Map(inclRegionData.map(d => [d.name_en, d.iso]))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":856,"value":"iso2name_uk = new Map(inclRegionData.map(d => [d.iso, d.name_uk]))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":278,"value":"## Reduced Set of Regions","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":164,"value":"viewof reducedMap = Inputs.toggle({'label': 'Use reduced map', 'value': true})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":266,"value":"reducedCodes = [\n \"UA-05\", // Vinnytsia\n // \"UA-30\", // Kyiv city\n \"UA-32\", // Kyiv oblast\n \"UA-74\",\n \"UA-18\",\n \"UA-71\", // Cherkasy\n \"UA-53\", // Poltava\n]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":291,"value":"inclCodes = {\n var allCodes = regionData.map(d => d.iso);\n return(allCodes.filter(d => reducedCodes.indexOf(d) > -1));\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":461,"value":"function genLabel(name_uk) {\n // Get URL for flag svg\n var flagUrl = name2flag_uk.get(name_uk)\n var flagHtml = html`

`;\n var nameHtml = html`${name_uk}`;\n var combinedHtml = html`${flagHtml} ${nameHtml}`\n return(combinedHtml);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":485,"value":"function genSlider(cname) {\n var sliderElt = Inputs.range([0, 10], {\n value: globs.defaultAlloc, step: 1, label: genLabel(cname), width: globs.sliderWidth\n });\n var styleStr = `--label-width: ${globs.labelWidth}`;\n Object.assign(sliderElt, {style: styleStr});\n return(sliderElt);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":500,"value":"function getDemand(isoCode) {\n return(regionDataMap.get(isoCode));\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1108,"value":"name2flag_uk = new Map(inclRegionData.map(d => [d.name_uk, d.flag_svg]))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":519,"value":"alloc2iso = ({\n kyiv: \"UA-32\",\n zhytomyr: \"UA-18\",\n vinnytsia: \"UA-05\",\n cherkasy: \"UA-71\",\n poltava: \"UA-53\",\n chernihiv: \"UA-74\",\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":523,"value":"iso2alloc = Object.fromEntries(Object.entries(alloc2iso).map(a => a.reverse()))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":517,"value":"function getAllocation(isoCode) {\n // First, rname to iso code\n //var isoCode = name2iso[regionName];\n // Next, iso code to alloc key\n var allocKey = iso2alloc[isoCode];\n // And now we can just get the alloc directly\n return(alloc[allocKey]);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1162,"value":"### Distances Map","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1159,"value":"iso2dist = new Map(inclRegionData.map(d => [d.iso, +d.kyiv_dist]));","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1167,"value":"computeReceived(\"UA-32\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1184,"value":"computeReceived(\"UA-53\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1155,"value":"function computeReceived(isoCode) {\n // First we get the amount *allocated*\n var allocAmount = getAllocation(isoCode);\n //return(allocAmount);\n // Now we get distance\n var kyivDist = iso2dist.get(isoCode);\n //return(kyivDist);\n // Now we decay based on distance\n var fracRemaining = Math.exp(-kyivDist * globs.decayRate);\n //return(fracRemaining);\n // Ensure it doesn't go below 0\n fracRemaining = Math.max(fracRemaining, 0.0);\n //return(fracRemaining);\n var amtRemaining = allocAmount * fracRemaining;\n // And return\n return(Math.round(amtRemaining * 100, 2) / 100);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":515,"value":"function computeUnmet(isoCode) {\n var totalDemand = getDemand(isoCode);\n var received = computeReceived(isoCode);\n return(totalDemand - received);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":735,"value":"function resetAlloc() {\n set(viewof kyiv, globs.defaultAlloc);\n set(viewof cherkasy, globs.defaultAlloc);\n set(viewof chernihiv, globs.defaultAlloc);\n set(viewof poltava, globs.defaultAlloc);\n set(viewof vinnytsia, globs.defaultAlloc);\n set(viewof zhytomyr, globs.defaultAlloc);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":743,"value":"function set(input, value) {\n input.value = value;\n input.dispatchEvent(new Event(\"input\"));\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1018,"value":"## Computations","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":667,"value":"// Computes remaining *total* unmet demand\ntotalUnmet = {\n var unmetRaw = inclCodes.map(d => computeUnmet(d)).reduce((a,b) => a + b);\n return(Math.round(unmetRaw * 100, 2) / 100);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":971,"value":"// Computes remaining *total* budget available\ntotalAllocated = inclCodes.map(d => getAllocation(d)).reduce((a,b) => a + b)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":973,"value":"totalRemaining = globs.totalBudget - totalAllocated;","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":588,"value":"## Individual allocation views","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":760,"value":"viewof zhytomyr = genSlider(\"Житомирська\");","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":812,"value":"viewof kyiv = genSlider(\"Київська\");","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":818,"value":"viewof chernihiv = genSlider(\"Чернігівська\");","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":822,"value":"viewof vinnytsia = genSlider(\"Вінницька\");","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":824,"value":"viewof cherkasy = genSlider(\"Черкаська\");","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":826,"value":"viewof poltava = genSlider(\"Полтавська\");","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":948,"value":"## Global Vars","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":339,"value":"color = d3.scaleQuantize([0, 10], d3.schemeReds[9])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":335,"value":"format = d => Math.round(`${d}`)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":591,"value":"globs = ({\n decayRate: 1.0/200.0,\n totalBudget: 50,\n defaultAlloc: 0,\n gridCellWidth: '276px',\n labelWidth: '145px',\n sliderWidth: 80,\n});","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":412,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":167,"value":"## Footnotes\n\nSources:\n\n* https://data.humdata.org/dataset/geoboundaries-admin-boundaries-for-ukraine?\n* ISO codes for oblasts from https://en.wikipedia.org/wiki/ISO_3166-2:UA\n\nOther Notebooks:\n\n* Ukraine JSON file from https://observablehq.com/@daani-rika/choropleth\n* https://observablehq.com/@sen77/map-of-ukraine-with-d3-js-topojson-geojson\n* https://observablehq.com/@lnicoletti/choropleth\n* https://observablehq.com/@observablehq/plot-choropleth?intent=fork\n\nHelpful references:\n\n* `Geo.centroid()`: https://observablehq.com/plot/transforms/centroid\n* `Inputs`: https://observablehq.com/documentation/inputs/overview\n* `topojson` within Observable: https://observablehq.com/framework/lib/topojson\n* `topojson` main documentation: https://github.com/topojson/topojson\n\nDistance from Майдан Незалежності to Софіївська Борщагівка computed to be 11.06km (Google Maps)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":310,"value":"## External Imports","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":312,"value":"import {legend} from \"@d3/color-legend\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":388,"value":"import {addTooltips} from \"@mkfreeman/plot-tooltip\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":564,"value":"feather = require(\"feather-icons\") // https://www.npmjs.com/package/feather-icons","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":567,"value":"extIcon = md`${feather.icons['external-link'].toSvg({width: 16, height: 16})}`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1120,"value":"### CSS Styles","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":956,"value":"","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1222,"value":"pageAnalytics = {\n var gid = \"G-72V3X7KVSR\";\n await require(`https://www.googletagmanager.com/gtag/js?id=${gid}`).catch(() => {});\n const dataLayer = window.dataLayer = window.dataLayer || [];\n const location = html``;\n gtag('js', new Date());\n gtag('config', gid, {\n 'page_path': location.pathname,\n 'page_location' : location.href\n });\n return md`^{[Google Analytics](https://www.google.com/analytics/terms/) cell}`;\n function gtag() { dataLayer.push(arguments); }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W35","stdlib":"1","titling":"auto"}} 32:"$31:body"