2b:null 2c:["$","title",null,{"children":"MPR Data Helpers | Mathematica | Observable"}] 31:T400,stateAbbrevs = ({ alabama: 'AL', alaska: 'AK', arkansas: 'AR', arizona: 'AZ', california: 'CA', colorado: 'CO', connecticut: 'CT', delaware: 'DE', districtofcolumbia: 'DC', florida: 'FL', georgia: 'GA', hawaii: 'HI', idaho: 'ID', illinois: 'IL', indiana: 'IN', iowa: 'IA', kansas: 'KS', kentucky: 'KY', louisiana: 'LA', maine: 'ME', maryland: 'MD', massachusetts: 'MA', michigan: 'MI', minnesota: 'MN', mississippi: 'MS', missouri: 'MO', montana: 'MT', nebraska: 'NE', nevada: 'NV', newhampshire: 'NH', newjersey: 'NJ', newmexico: 'NM', newyork: 'NY', northcarolina: 'NC', northdakota: 'ND', ohio: 'OH', oklahoma: 'OK', oregon: 'OR', pennsylvania: 'PA', puertorico: 'PR', rhodeisland: 'RI', southcarolina: 'SC', southdakota: 'SD', tennessee: 'TN', texas: 'TX', virginislands: 'VI', utah: 'UT', vermont: 'VT', virginia: 'VA', washington: 'WA', westvirginia: 'WV', wisconsin: 'WI', wyoming: 'WY', unitedstates: 'US' })32:T442,stateNames = ({ AL: 'Alabama', AK: 'Alaska', AR: 'Arkansas', AZ: 'Arizona', CA: 'California', CO: 'Colorado', CT: 'Connecticut', DE: 'Delaware', DC: 'District of Columbia', FL: 'Florida', GA: 'Georgia', HI: 'Hawaii', ID: 'Idaho', IL: 'Illinois', IN: 'Indiana', IA: 'Iowa', KS: 'Kansas', KY: 'Kentucky', LA: 'Louisiana', ME: 'Maine', MD: 'Maryland', MA: 'Massachusetts', MI: 'Michigan', MN: 'Minnesota', MS: 'Mississippi', MO: 'Missouri', MT: 'Montana', NE: 'Nebraska', NV: 'Nevada', NH: 'New Hampshire', NJ: 'New Jersey', NM: 'New Mexico', NY: 'New York', NC: 'North Carolina', ND: 'North Dakota', OH: 'Ohio', OK: 'Oklahoma', OR: 'Oregon', PA: 'Pennsylvania', PR: 'Puerto Rico', RI: 'Rhode Island', SC: 'South Carolina', SD: 'South Dakota', TN: 'Tennessee', TX: 'Texas', VI: 'Virgin Islands', UT: 'Utah', VT: 'Vermont', VA: 'Virginia', WA: 'Washington', WV: 'West Virginia', WI: 'Wisconsin', WY: 'Wyoming', US: 'United States' })33:[] 2f:{"id":"cecc84a947c9aad6","slug":"mpr-data-helpers","title":"MPR Data Helpers","thumbnail":"66584dd50a805dab02c4520febf1050edc180b6630de96b26aa378c5094c9c04","access_level":"public","create_time":"$D2020-03-29T03:31:17.585Z","update_time":"$D2020-05-31T20:50:50.779Z","view_time":null,"first_public_time":"$D2020-04-08T16:56:52.416Z","fork":false,"stars":1,"starred":false,"owner":{"type":"team","id":"751d093900e99649","login":"mathematica","name":"Mathematica","avatar_url":"https://avatars-next.observableusercontent.com/e267be864f6d52cba12a3a1c2898e564177d6542d7c4a921e56b973a112eddcf","tier":"starter_2024"},"version":114,"publish_version":114,"role":null,"authored":false,"authors":[{"type":"individual","id":"06c9c56537cc9419","login":"stephanietuerk","name":"Stephanie Tuerk","avatar_url":"https://avatars-next.observableusercontent.com/fd20d414d35cafe26a79b8e6c7b5a1c053320c918647f47ffdd64ff133c2e2ce","tier":null}],"members":[{"type":"team","id":"751d093900e99649","login":"mathematica","name":"Mathematica","avatar_url":"https://avatars-next.observableusercontent.com/e267be864f6d52cba12a3a1c2898e564177d6542d7c4a921e56b973a112eddcf","tier":"starter_2024","role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"title":"MPR Data Helpers","cells":[{"id":0,"value":"md`# MPR Data Helpers\n\nThis notebook contains useful helpers including functions to make selectors, data mappings, etc. that we may use across notebooks.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":19,"value":"md`### Selector helpers`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":27,"value":"md`The **makeSelectorGroup** function injests a configuration object and makes a group containing single or multi select dropdowns, or checkbox toggles from it. The result of the function should be passed to Mike Bostok's **form** function. The **sampleSelectionConfigObject** is a sample of the config object this function ingests.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"function makeSelectorGroup(selection) {\n return html``\n}\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":63,"value":"function makeSingleDropdown(selectorObj, groupName) {\n return html`\n `\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":59,"value":"function makeMultiDropdown(selectorObj, groupName) {\n return html`\n `\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":64,"value":"function makeCheckboxToggle(selectorObj, groupName) {\n const isOn = selectorObj.selected\n return isOn ? \n html`` :\n html``\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":25,"value":"sampleSelectionConfigObject = ({\n group: 'singleState',\n dimensions: [\n {\n name: 'state',\n title: 'Select a state',\n instructions: 'Select a state whose data you will see in the chart',\n type: 'single',\n values: ['state-val1', 'state-val2', 'state-val3', 'state-val4'],\n selected: ['state-val3']\n },\n {\n name: 'year',\n title: 'Select year(s)',\n instructions: 'Select years whose data you will see in chart',\n type: 'multi',\n values: ['2017', '2018', '2019', '2020'],\n selected: ['2019', '2020']\n },\n {\n name: 'percentToggle',\n title: 'Show data as a percent of population?',\n instructions: 'Select to show data as a rate; deselect to show raw counts',\n type: 'toggle',\n values: ['showPercent'],\n selected: []\n }\n ]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":51,"value":"md`Below is an example of the selectors. These are styled with CSS in the cell below them.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":45,"value":"exampleSelectors = form(makeSelectorGroup(sampleSelectionConfigObject))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":54,"value":"html`\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":22,"value":"md`### Text Resources`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":37,"value":"md`The **stateAbbrevs**, **stateNames**, and **stateFIPSCodes** objects are maps that help with translation between state names, two-letter state abbreviations, and state FIPS codes.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":103,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":107,"value":"stateFIPSCodes = ({\n AL: '01',\n AK: '02',\n AZ: '04',\n AR: '05',\n CA: '06',\n CO: '08',\n CT: '09',\n DE: '10',\n FL: '12',\n GA: '13',\n HI: '15',\n ID: '16',\n IL: '17',\n IN: '18',\n IA: '19',\n KS: '20',\n KY: '21',\n LA: '22',\n ME: '23',\n MD: '24',\n MA: '25',\n MI: '26',\n MN: '27',\n MS: '28',\n MO: '29',\n MT: '30',\n NE: '31',\n NV: '32',\n NH: '33',\n NJ: '34',\n NM: '35',\n NY: '36',\n NC: '37',\n ND: '38',\n OH: '39',\n OK: '40',\n OR: '41',\n PA: '42',\n RI: '44',\n SC: '45',\n SD: '46',\n TN: '47',\n TX: '48',\n UT: '49',\n VT: '50',\n VA: '51',\n WA: '53',\n WV: '54',\n WI: '55',\n WY: '56',\n AS: '60',\n GU: '66',\n MP: '69',\n PR: '72',\n VI: '78'\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":89,"value":"md`**makeProseList** will transform an array of strings into a prose list separated by a conjunction of your choice, such as *and* or *or*, and commas when there are three or more items in the array. Oxford comma = true.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":85,"value":"function makeProseList(arr, conjunction) {\n if (arr.length == 2) {\n return arr.join(` ${conjunction} `);\n } else {\n const length = arr.length;\n return arr.map((item, i) => {\n const combinator = i === 0 ? '' : i === length - 1 ? ', ${conjunction} ' : ', ';\n return combinator + item;\n }).join('');\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":47,"value":"import {form} from \"@mbostock/form-input\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W33","stdlib":"1","titling":"auto"}} 30:"$2f:body"