2b:null 2c:["$","title",null,{"children":"forked from https://observablehq.com/@elibenton/who-represents-me | Marjolein Oostrom | Observable"}] 32:[] 2f:{"id":"abdf4b1bf9178069","slug":"forked-from-https-observablehq-com-d-d1c18167b05cfb4b","title":"forked from https://observablehq.com/@elibenton/who-represents-me","thumbnail":"1685b4237f8d2b4af8cbad9d2042b97535354a8f7a5b475d6b9678a62373d51b","access_level":"public","create_time":"$D2021-07-18T22:03:16.551Z","update_time":"$D2022-03-12T23:27:35.182Z","view_time":null,"first_public_time":"$D2021-07-18T23:45:55.516Z","fork":false,"stars":1,"starred":false,"owner":{"type":"team","id":"83499e9a58cbfdf8","login":"marjolein","name":"Marjolein Oostrom","avatar_url":"https://avatars-next.observableusercontent.com/5d583caf7e4d9b8af7462b6fadfb421624df1b34eaff2afa0d301bfc15578c89","tier":"starter_2024"},"version":79,"publish_version":79,"role":null,"authored":false,"authors":[{"type":"individual","id":"c98da6526bcb1390","login":"marjolein","name":"Marjolein Oostrom","avatar_url":"https://avatars-next.observableusercontent.com/5d583caf7e4d9b8af7462b6fadfb421624df1b34eaff2afa0d301bfc15578c89","tier":null}],"members":[{"type":"individual","id":"c98da6526bcb1390","login":"marjolein","name":"Marjolein Oostrom","avatar_url":"https://avatars-next.observableusercontent.com/5d583caf7e4d9b8af7462b6fadfb421624df1b34eaff2afa0d301bfc15578c89","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"forked from https://observablehq.com/@elibenton/who-represents-me","cells":[{"id":0,"value":"md`# forked from https://observablehq.com/@elibenton/who-represents-me`","pinned":true,"hidden":false,"mode":"ojs"},{"id":76,"value":"md`huge thanks to https://observablehq.com/@elibenton/who-represents-me. all code is theirs, with a few small changes`","pinned":true,"hidden":false,"mode":"ojs"},{"id":2,"value":"//https://observablehq.com/d/d1c18167b05cfb4b","pinned":true,"hidden":false,"mode":"ojs"},{"id":5,"value":"embed = html`\n${viewof addressAlpha}
\n${Array.from(\n categorizedData,\n ([key, values]) => html`\n\n\n\n${values.map(\n d =>\n html``\n)}\n

${\n d.office\n }	\n ${d.politicians.map(d =>\n d.urls && d.phones\n ? \n html`${d.name} ${partyColor(\n d.party[0]\n )} \n \n ${d.phones}\n `\n : html`${d.name} ${partyColor(d.party[0])} `\n )}\n

`\n)}`","pinned":true,"hidden":false,"mode":"ojs"},{"id":7,"value":"requestAlpha = encodeURI(\n `${endpoint}/${requestType}?key=${apiKey}&address=${addressAlpha}`\n)\n","pinned":true,"hidden":false,"mode":"ojs"},{"id":9,"value":"responseAlpha = d3.json(requestAlpha)","pinned":true,"hidden":false,"mode":"ojs"},{"id":13,"value":"categorizedData = {\n var offices = responseAlpha.offices\n let sen_rep = [];\n for (let i = 0; i < offices.length; i++) {\n if (offices[i].name == \"U.S. Senator\" | offices[i].name == \"U.S. Representative\" ) {\n sen_rep.push(offices[i]);\n }\n }\n console.log(sen_rep);\n const processedData = Array.from(\n d3array.groups(sen_rep, d => d.name),\n ([office, value]) => ({\n office,\n level: value[0].levels[0],\n politicians: value[0].officialIndices.map(d => responseAlpha.officials[d])\n })\n );\n console.log(processedData)\n console.log(responseAlpha.offices)\n \n\n const categories = d3array.group(processedData.reverse(), d =>\n categorize(d.level)\n );\n\n return categories;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":16,"value":"viewof addressAlpha = text({\n title: \"Your zip code:\",\n placeholder: \"99354\",\n submit: \"View Representatives!\",\n width: width,\n value: \"99354\"\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":18,"value":"import {\n textarea,\n text,\n radio,\n usaMapCoordinates,\n slider\n} from \"@jashkenas/inputs\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":19,"value":"d3 = require(\"d3@5\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":23,"value":"d3array = require(\"d3-array@^2.2\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":25,"value":"function partyColor(data) {\n if (data === \"R\") {\n return html`(R)`;\n } else if (data === \"D\") {\n return html`(D)`;\n } else {\n return html`(I)`;\n }\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":60,"value":"function phone_num(phone_input) {\n var new_phone = String(phone_input).replace(/[^0-9]/g, '');\n console.log(new_phone)\n return new_phone;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":27,"value":"endpoint = `https://www.googleapis.com/civicinfo/v2`","pinned":true,"hidden":false,"mode":"ojs"},{"id":28,"value":"apiKey = `AIzaSyAeBXmh-VC60AmBRrlc5OQBJmKQg7upwDo`","pinned":true,"hidden":false,"mode":"ojs"},{"id":30,"value":"viewof requestType = radio({\n title: 'Request Type',\n description: 'What kind of data would you like to query from the API?',\n options: [\n { label: 'representativeInfoQuery ', value: 'representatives' },\n { label: 'electionQuery', value: 'elections' }\n // { label: 'voterInfoQuery', value: 'voterinfo' }\n ],\n value: 'representatives'\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":33,"value":"function categorize(data) {\n if (data === \"country\") {\n return \"Federal\";\n } else if (data === \"administrativeArea1\") {\n return \"State\";\n } else {\n return \"Local\";\n }\n}","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}} 30:"$2f:body"