2e:null 2f:["$","title",null,{"children":"Decent Living Energy | Yale School of the Environment | Observable"}] 34:T42b,DLS_CHART = htl.html`

${viewof selected}

DLS Measures ${selected ? `for ${selected.Country}` : ""}

Longer bars and shorter arrows are better. The red tick mark is the average for the ${selected ? selected.REGION_DLS : "North America"} region. ${selected ? selected.Country : "USA"} is outperforming the regional average if the tick mark is over a bar ${await FileAttachment("overbar_sm.png").image()}, and underperforming if the tick is over an arrow ${await FileAttachment("overarrow_sm.png").image()}.

${GAPARROWSLAST}

Note: Transport values on this chart are regional values that were applied to countries.

`35:T6e2,GAPARROWSLAST = Plot.plot({ y: { label: null, tickFormat: (d) => (`${tableAlias[0][d]}`), tickSize: 0}, x: { axis: "top", grid: true, label: `▬ Bars show DLS → Arrow shows gap | Ticks show regional avg.`, domain: [0, 115], ticks: 2, tickFormat: (d) => (d === 100 ? `${d}%` : `${d}`), tickSize: 10 }, axis: "right", marginLeft: 10, marginRight: 120, marginTop: 50, width : 700, style: {fontSize: "14px"}, color: { type: "categorical", scheme: "Set2" }, marks: [ Plot.text(countries_map.get(selected ? selected.ISO_3 : "AFG"), {x: 100, y: "gap_cat", fill: "black", text: d => parseFloat(d.gap_val).toFixed(1), dx: 40, textAnchor: "end"}), Plot.arrow(countries_map.get(selected ? selected.ISO_3 : "AFG"), { //arrow-first //x1: 10, //x2: d => (parseFloat(d.gap_val)).toFixed(1), //bar-first x1: d => 100 - (parseFloat(d.gap_val)).toFixed(1), x2: 100, y1: "gap_cat", y2: "gap_cat", bend: false, stroke: d => d, srokeWidth: 1.5 }), Plot.barX(countries_map.get(selected ? selected.ISO_3 : "AFG"),{ //bar-first x1: 0, x2: d => 100 - (parseFloat(d.gap_val)).toFixed(1), //arrow-first //x1: d => (parseFloat(d.gap_val)).toFixed(1), //x2: 100, y: "gap_cat", fill: d => d, fillOpacity: 0.2, insetTop: 1.25, insetBottom: 1.25 }), Plot.tickX(regions_map.get(selected ? selected.DLS_REGION_A3 : "SAS"), { //arrow-first //x: d => d.gap_val, //bar-first x: d => 100 - d.gap_val, y: "gap_cat", stroke: "red", strokeWidth: 1, insetTop: 0, insetBottom: 0 }), ], })36:T59f,FULLTABLE = Inputs.table(countrysearch, { rows: 20, multiple: false, header : tableAlias[0], format : {"ISO_3": x => isoAlphaFlagImage(x, "rect", 18), "DLS_TRANSPORT": sparkbar(d3.max(dle_country_table, d => d.DLS_TRANSPORT)), "DLS_CLEAN_COOKING": sparkbar(d3.max(dle_country_table, d => d["DLS_CLEAN_COOKING"])), "DLS_COLD_STORAGE": sparkbar(d3.max(dle_country_table, d => d["DLS_COLD_STORAGE"])), "DLS_TELEVISION": sparkbar(d3.max(dle_country_table, d => d["DLS_TELEVISION"])), "DLS_MOBILE_PHONE": sparkbar(d3.max(dle_country_table, d => d["DLS_MOBILE_PHONE"])), "DLS_WATER_ACCESS": sparkbar(d3.max(dle_country_table, d => d["DLS_WATER_ACCESS"])), "DLS_SANITATION": sparkbar(d3.max(dle_country_table, d => d["DLS_SANITATION"])), "DLS_NUTRITION": sparkbar(d3.max(dle_country_table, d => d["DLS_NUTRITION"])), "DLS_EDUCATION": sparkbar(d3.max(dle_country_table, d => d["DLS_EDUCATION"])), "DLS_HOUSING": sparkbar(d3.max(dle_country_table, d => d["DLS_HOUSING"])), "DLS_COOLING": sparkbar(d3.max(dle_country_table, d => d["DLS_COOLING"])), "DLS_HEATING": sparkbar(d3.max(dle_country_table, d => d["DLS_HEATING"])), "POP_YEAR" : d => d.toString(), "DLS_YEAR" : d => d.toString(), } })37:[{"id":"bd3031fbc126c72be52f8493512f38543d1f324a98fe37c51c354cbb7c509e124543a842c88436a8f550e8c8e77ee6022dcdecf813cb42ae0853f70bb178820b","href":"https://static.observableusercontent.com/files/bd3031fbc126c72be52f8493512f38543d1f324a98fe37c51c354cbb7c509e124543a842c88436a8f550e8c8e77ee6022dcdecf813cb42ae0853f70bb178820b","name":"overarrow_sm.png","type":"image/png","lastModified":1654816247081.894,"size":4617},{"id":"b7ab21d4c75e44fe24ecabb7c7709296aa60007a774a30d054ff5c383d0a785e2a7af4c04a98abc151b880a3114dee4e457347ca783e7f64c9a50d390db35410","href":"https://static.observableusercontent.com/files/b7ab21d4c75e44fe24ecabb7c7709296aa60007a774a30d054ff5c383d0a785e2a7af4c04a98abc151b880a3114dee4e457347ca783e7f64c9a50d390db35410","name":"overbar_sm.png","type":"image/png","lastModified":1654816247091.886,"size":4397}] 32:{"id":"9e9243aa68a8d232","slug":"decent-living-energy-map-and-chart","title":"Decent Living Energy","thumbnail":"b72d320d1377e7f478387b22bb4e6075e74fd8e7246f62ead239195b682c2735","access_level":"public","create_time":"$D2022-06-09T20:16:41.717Z","update_time":"$D2023-05-15T20:39:21.351Z","view_time":null,"first_public_time":"$D2023-03-03T14:57:16.130Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"860045a592a37dad","login":"yaleenvironment","name":"Yale School of the Environment","avatar_url":"https://avatars-next.observableusercontent.com/348ec1e9bf7740c196827bf7ab35a44ef606ec48e95c42fff3997d34052f3ad1","tier":"pro_2024"},"version":350,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"39b87f60a5c187dc","login":"yseweb","name":"YSE Communications","avatar_url":"https://avatars-next.observableusercontent.com/348ec1e9bf7740c196827bf7ab35a44ef606ec48e95c42fff3997d34052f3ad1","tier":null}],"members":[{"type":"individual","id":"39b87f60a5c187dc","login":"yseweb","name":"YSE Communications","avatar_url":"https://avatars-next.observableusercontent.com/348ec1e9bf7740c196827bf7ab35a44ef606ec48e95c42fff3997d34052f3ad1","tier":null,"role":"editor"},{"type":"team","id":"860045a592a37dad","login":"yaleenvironment","name":"Yale School of the Environment","avatar_url":"https://avatars-next.observableusercontent.com/348ec1e9bf7740c196827bf7ab35a44ef606ec48e95c42fff3997d34052f3ad1","tier":"pro_2024","role":"viewer"}],"comments":[],"custom_thumbnail":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":2,"collection":null,"type":"notebook","body":{"title":"Decent Living Energy","cells":[{"id":0,"value":"# Decent Living Energy\n\nThis notebook contains map, chart, and table visualizations for a dataset from the Decent Living Energy Project. More information can be found at the web page that displays the map and chart: https://nrao.research.yale.edu/research-topics/decent-living-energy","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":133,"value":"## Composed Displays","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":241,"value":"### DLS Map","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":243,"value":"DLS_MAPCHART = htl.html`\n

${MAINMAP}

${viewof facet}

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":312,"value":"### DLS Chart with country select","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":308,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":198,"value":"### Full DLS Table","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":196,"value":"DLS_FULLTABLE = htl.html`

${viewof countrysearch}

${viewof regionselect}

${CELLLEGEND}

${FULLTABLE}

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":137,"value":"## Code and Display Elements","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":202,"value":"### Map Elements","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":225,"value":"Define main map with Plot-carto","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":204,"value":"MAINMAP = Plot.carto({\n projection: \"NaturalEarth1\", \n rotate: [-10, 0],\n color: { \n scheme: colrmap.get(facet), \n legend: false, \n type: \"linear\"},\n marks: [\n Plot.features(countries, {\n fill: (d) => d.properties[facet] ? d.properties[facet] : 0,\n strokeWidth: 0.25,\n stroke: \"#000\",\n title: (d) => d.properties[facet] ?\n `${d.properties.Country}\\n${d.properties[facet]}% ${tableAlias[0][facet]} gap` :\n `${d.properties.Country}\\n(gap N/A)`\n }),\n ],\n width: width,\n height: (width / 2) + 50,\n marginLeft: 0,\n marginRight: 0\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":223,"value":"Create inset map to show regional values","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":206,"value":"MINIMAP = Plot.carto({\n projection: \"NaturalEarth1\", \n rotate: [-10, 0],\n color: { scheme: colrmap.get(facet)},\n marks: [\n Plot.features(regions, {\n fill: (d) => d.properties[facet] ? d.properties[facet] : 0,\n strokeWidth: 0.75,\n stroke: \"#9c9c9c\",\n title: (d) => d.properties[facet] ?\n `${d.properties.REGION_DLS}\\n${d.properties[facet]}% ${tableAlias[0][facet]} gap` :\n `${d.properties.REGION_DLS}\\n(gap N/A)`\n }),\n Plot.features(countries, {\n fill: null,\n strokeWidth: 0.1,\n stroke: \"#ccc\",\n title: null\n }),\n Plot.frame({ \n insetTop: 3,\n insetRight: 6,\n insetBottom: 0,\n insetLeft: 0, \n stroke: \"#cccccc\"})\n ],\n width: width / 4,\n height: width / 8,\n marginLeft: 0,\n marginRight: 0\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":221,"value":"Create the map legend separately for placement on main","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":208,"value":"MAPLEGEND = MAINMAP.legend(\"color\", {label:`Decent Living Standard Gap (%)`, type: \"linear\", tickSize: 4, width: 240});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":227,"value":"Use d3 to attach elements to main map","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":231,"value":"inset_legend = (selection) => {\n selection\n .append('text')\n .classed(\"legendtext\", true)\n .attr(\"x\", width/8)\n .attr('y', (width/3) + 20)\n .text(d => (width > 720) ? \"DLS Regional Averages\" : \"Regional Avgs.\")\n .attr(\"stroke-width\", \".75px\")\n .attr('text-anchor','middle') \n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":237,"value":"inset_map = d3.select(MAINMAP).append('g').attr(\"id\",\"inset-map\")\n .call(inset_legend)\n .append(() => d3.select(MINIMAP).clone(true).node()).attr('x', 3).attr('y', (width/3) + 25)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":233,"value":"place_legend = d3.select(MAINMAP).append('g')\n .append(() => d3.select(MAPLEGEND).clone(true).node()).attr('x', \"35%\").attr('y', \"81%\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":211,"value":"### Chart via Observable Plot","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":217,"value":"Create country dropdown","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":215,"value":"viewof selected = Inputs.select(dle_country_table, {label: \"Choose a country to chart below\", format: x => x.Country, value: (initrow('ISO_3', visitor_country.iso3) > -1) ? dle_country_table[initrow('ISO_3', visitor_country.iso3)] : null})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":219,"value":"Define Chart with Observable Plot","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":213,"value":"$35","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":172,"value":"### Full DLS Table Elements","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":181,"value":"Create a dropdown for regions and attach that to [Input.Search](/@observablehq/input-search?collection=@observablehq/inputs) to filter the table","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":177,"value":"viewof countrysearch = Search(dle_country_table.filter(d => !regionselect || d.REGION_DLS == regionselect), {\n label: \"Filter the list of countries\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":175,"value":"viewof regionselect = Inputs.select([null, ...tableReady[1].map(o => o.REGION_DLS).sort()], {multiple: false, label: \"Filter the table by region\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":187,"value":"Create an html table legend","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":185,"value":"CELLLEGEND = htl.html`Cellchart Legend

GAP

\n DLS\n

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":192,"value":"Define and style the table itself","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":190,"value":"$36","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":98,"value":"### Fetch and process ESRI Data Objects","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":141,"value":"We create an ESRI map to organize data layers with column aliases, top-level filters, etc. Via the library below we harvest these, as well as popup configs to hold friendly topo layer names for the topojson object it returns.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":100,"value":"myESRImapID = ESRImapID('87357402c3fe4da1b20e13ebaf12691a')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":169,"value":"tableReady is an array of objects ready for [Inputs.table](/@observablehq/input-table?collection=@observablehq/inputs)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":167,"value":"dle_country_table = tableReady[0].sort((a, b) => d3.ascending(a.Country, b.Country))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":161,"value":"Access simplified topo objects","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":151,"value":"countries = topojson.feature(topo_simplified(layersTopo), topo_simplified(layersTopo).objects.countries)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":148,"value":"regions = topojson.feature(topo_simplified(layersTopo), topo_simplified(layersTopo).objects.regions)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":159,"value":"Create tidier convenience maps for the chart","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":154,"value":"countries_map = new Map(tableReady[0].map(obj => [obj.ISO_3, Object.entries(obj).slice(2,14).map(a => [{gap_cat: a[0], gap_val: a[1]}][0])]))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":157,"value":"regions_map = new Map(tableReady[1].map(obj => [obj.DLS_REGION_A3, Object.entries(obj).slice(2).map(a => [{gap_cat: a[0], gap_val: a[1]}][0])]))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":163,"value":"Peek at some imported objects: the combined topojson and the ESRI map object","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":145,"value":"layersTopo","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":143,"value":"layersData","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":102,"value":"### Helpers and Settings","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":122,"value":"viewof showrows = Inputs.range([3, 50], {value: 5, step: 1, label: \"Rows to display\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":119,"value":"viewof quantile_value = Inputs.range([.003, .5], {value: 0.18, step: .01, label: \"Simplify paths - Higher values are more detailed\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":104,"value":"initrow = (t, initkey, initval) => [...t].findIndex((o) => (o[initkey] == initval))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":106,"value":"simplify = (topo, val) => {\n let simplified = topojson.presimplify(topo);\n let min_weight = topojson.quantile(simplified, val);\n //Every arc coordinate whose z-value is lower than min_weight is removed\n return topojson.simplify(simplified, min_weight);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":116,"value":"topo_simplified = (t) => { return simplify(t, quantile_value) }","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":109,"value":"colormap = (t) => { \n let colr = [\"purples\", \"oranges\", \"oranges\", \"greens\", \"greens\", \"blues\",\"blues\", \"oranges\", \"greens\", \"reds\", \"reds\", \"reds\"];\n let cols = t.columns.slice(2,14);\n return new Map(d3.transpose([cols, colr]));\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":247,"value":"colrmap = colormap(tableReady[0].sort((a, b) => d3.ascending(a.Country, b.Country)))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":113,"value":"facetpairs = (t) => { return new Map(Object.entries(t).slice(2,14).map(arr => arr.reverse())) }","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":287,"value":"Make dropdown for map facets","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":128,"value":"viewof facet = Inputs.select(facetpairs(tableAlias[0]), {multiple: false, label: \"Choose a measure to map above\"})\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":135,"value":"function sparkbar(max, pad) {\n let sparkpad = (pad && pad > 0) ? pad : 0;\n return x => htl.html`

${parseFloat(x).toFixed(1)}\n

\n \n

`\n}\n\n// is a zero-width space to force initial td background to render","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":47,"value":"### Libraries","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":93,"value":"Attach @fil's map plugin to Observable Plot","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":80,"value":"import {makeCarto} from \"@fil/plot-carto-0-5\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":91,"value":"Plot = require(\"@observablehq/plot@0.4.0\").then(makeCarto)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":76,"value":"Get data from an ESRI map, infer country via browser TZ, grab a country flag","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":66,"value":"import { ESRImapID, layersData, layersTopo, topoKeys, layerGeoJSON, tableReady, tableAlias } from \"@slattery/esri-map-mediated-data\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":61,"value":"import { visitor_country } from \"@slattery/visitor-iso-from-browser-tz\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":57,"value":"import { isoAlphaFlagImage } from \"@slattery/iso-3166-svg-flags\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":55,"value":"Thanks to @mbostock and @observablehq","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":53,"value":"import {Button, Checkbox, Toggle, Radio, Range, Select, Text, Search, Table} from \"@observablehq/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":51,"value":"d3 = require(\"d3\", \"d3-geo@2\", \"d3-geo-projection@3\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":49,"value":"topojson = require(\"topojson\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":131,"value":"### Styles","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":31,"value":"STYLES = htl.html`\n\n\n\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":34,"value":"## Credits\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":268,"value":"Partial list of where code and clues came from","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":42,"value":"Inputs.table(credits, { format : {\n URL: x => html`${x}`\n }} )","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":37,"value":"credits = [\n { Feature: \"carto for Plot\", Party: \"@fil\", URL: \"/@fil/plot-carto-0-5\"},\n { Feature: \"using carto for Plot\", Party: \"@spattana\", URL: \"/@spattana/using-plot-carto-plugin\"},\n { Feature: \"cellbar/sparkbar patterns\", Party: \"Lea Verou\", URL: \"https://projects.verou.me/css3patterns/\"},\n { Feature: \"cellbar/sparkbar\", Party: \"many\", URL: \"/@observablehq/input-table?collection=@observablehq/inputs\"},\n { Feature: \"topo simplifier\", Party: \"@mkfreeman\", URL: \"/@mkfreeman/topojson-simplifier\"},\n { Feature: \"composed views\", Party: \"@tomlarkworthy\", URL: \"/@tomlarkworthy/view\"},\n { Feature: \"composed views\", Party: \"@tonyhschu\", URL: \"/@tonyhschu/testing-import-of-a-composite-view\"}\n\n\n ]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W37","stdlib":"1","titling":"auto"}} 33:"$32:body"