2d:null 2e:["$","title",null,{"children":"Which countries have not achieved the WHO's COVID vaccination target? | Polly Wu | Observable"}] 33:T482,# Which countries have not achieved the WHO's COVID vaccination target? The dot graph represents the gap in the current COVID vaccination. WHO had set a target to vaccinate 10% of every country, economy and territory by the end of September but by that date 56 countries had not been able to do so, the vast majority of these are countries in Africa and the Middle East. The later strategy outlines a plan for achieving WHO’s targets to vaccinate 40% of the population of every country by the end of 2021 and 70% by mid-2022. As of mid-2022 approaches, let's forecast how the world is doing with meeting the vaccination target. In this visualization, each country is represented by a ring which indicates the vaccination gap (total population - people vaccinated). Drag the date filter to see how the vaccination gap for each country change over time. The second slider filters country according to the current vaccination rate by returning all countries with a vaccination rate lower than the current percentage. The color of the ring be default represents the ratio of vaccination per hundred, the lower ones are red and the higher ones are green. 34:Ta5b,

35:Tf73,

36:[{"id":"c6a621af2a51859bb11cffb64e7fd9600b0a5cc1323b3e5299162087d9850afd3afad014dde1a26afb01921351f842d67a83948ba7167b07de6223d3fc657147","href":"https://static.observableusercontent.com/files/c6a621af2a51859bb11cffb64e7fd9600b0a5cc1323b3e5299162087d9850afd3afad014dde1a26afb01921351f842d67a83948ba7167b07de6223d3fc657147","name":"vaccine secured.csv","type":"text/csv","lastModified":1651624717312.189,"size":738126},{"id":"f5aa255cfe7f07534ec0da1195b05d0788c445dffe748b4e2c268074a0a1de0753e62bdb7f4cd3d2ba1f4d895c14910410fc00b0b5e948fa6732be0f516f39c4","href":"https://static.observableusercontent.com/files/f5aa255cfe7f07534ec0da1195b05d0788c445dffe748b4e2c268074a0a1de0753e62bdb7f4cd3d2ba1f4d895c14910410fc00b0b5e948fa6732be0f516f39c4","name":"population data.csv","type":"text/csv","lastModified":1651009057718.708,"size":7184},{"id":"2a8587f41e0dca1bdb18fb23d5e6a9cbd466f6e1d7695e03af12f7bd44ff1a13e77e52d765a572169b7e72ffd9e6c20d80dda82da5d2cd94c1c6c339acda9797","href":"https://static.observableusercontent.com/files/2a8587f41e0dca1bdb18fb23d5e6a9cbd466f6e1d7695e03af12f7bd44ff1a13e77e52d765a572169b7e72ffd9e6c20d80dda82da5d2cd94c1c6c339acda9797","name":"people-vaccinated@1.csv","type":"text/csv","lastModified":1651009217703.507,"size":809909},{"id":"f11d6b23e2b9874599a7e92c7145b07bccb99a6a6972397cd93d9318c4893ecc5fbd45c28876038cf65e62573ef884a06908b8c8b6f11292c8cf39f6b24c4f4f","href":"https://static.observableusercontent.com/files/f11d6b23e2b9874599a7e92c7145b07bccb99a6a6972397cd93d9318c4893ecc5fbd45c28876038cf65e62573ef884a06908b8c8b6f11292c8cf39f6b24c4f4f","name":"people_fully_vac.csv","type":"text/csv","lastModified":1651031286952.751,"size":755993},{"id":"bdc6b3d02bf858f6e0b13780e9e8a4a72f4b1d2c0da40317cd0f59184120437803d4dccd3392c88f18ae2183deaa4e4d1ceb77cb33273689ae1229379ed24ae9","href":"https://static.observableusercontent.com/files/bdc6b3d02bf858f6e0b13780e9e8a4a72f4b1d2c0da40317cd0f59184120437803d4dccd3392c88f18ae2183deaa4e4d1ceb77cb33273689ae1229379ed24ae9","name":"vaccination_per_hundred@3.csv","type":"text/csv","lastModified":1651264400297.263,"size":680313}] 31:{"id":"7692f56aca5a4702","slug":"maps-dotmap-testify-2","title":"Which countries have not achieved the WHO's COVID vaccination target?","thumbnail":"2884d16d1231bb38dae64a57bdec3285d81133c885b3227eb101f1f8ffa1baca","access_level":"public","create_time":"$D2022-04-25T15:15:46.157Z","update_time":"$D2026-09-11T21:21:05.922Z","view_time":null,"first_public_time":"$D2022-04-26T19:13:05.915Z","has_unpublished_edits":null,"fork":{"id":"40a367c0b43d9ceb","slug":"maps_dotmap","title":"Maps - DotMap","owner":{"id":"58dc22f5e2929ad2","login":"emfielduva","name":"Eric Field"}},"stars":1,"starred":false,"owner":{"type":"team","id":"423a564d1c795504","login":"pollywry","name":"Polly Wu","avatar_url":"https://avatars-next.observableusercontent.com/c268e84679d1f19ecc04f8f5e8e824aa2282721481dec410e1400ea599c5c7be","tier":"starter_2024"},"version":2198,"publish_version":2198,"role":null,"authored":false,"authors":[{"type":"individual","id":"c74ac0b56b3596f1","login":"pollywry","name":"Polly Wu","avatar_url":"https://avatars-next.observableusercontent.com/c268e84679d1f19ecc04f8f5e8e824aa2282721481dec410e1400ea599c5c7be","tier":null}],"members":[{"type":"individual","id":"c74ac0b56b3596f1","login":"pollywry","name":"Polly Wu","avatar_url":"https://avatars-next.observableusercontent.com/c268e84679d1f19ecc04f8f5e8e824aa2282721481dec410e1400ea599c5c7be","tier":null,"role":"editor"}],"comments":[{"id":"973c005765a20620","reply_to_id":null,"content":"doesn't run when map reloads","create_time":"$D2022-04-29T21:55:43.714Z","update_time":null,"resolved":false,"user":{"type":"individual","id":"c74ac0b56b3596f1","login":"pollywry","name":"Polly Wu","avatar_url":"https://avatars-next.observableusercontent.com/c268e84679d1f19ecc04f8f5e8e824aa2282721481dec410e1400ea599c5c7be","tier":null}},{"id":"e04cd3db6f45f94a","reply_to_id":null,"content":"https://www.who.int/news/item/07-10-2021-who-un-set-out-steps-to-meet-world-covid-vaccination-targets","create_time":"$D2022-04-29T22:24:46.659Z","update_time":null,"resolved":true,"user":{"type":"individual","id":"c74ac0b56b3596f1","login":"pollywry","name":"Polly Wu","avatar_url":"https://avatars-next.observableusercontent.com/c268e84679d1f19ecc04f8f5e8e824aa2282721481dec410e1400ea599c5c7be","tier":null}},{"id":"baa28f04f40f6a0e","reply_to_id":null,"content":"how to add legend?","create_time":"$D2022-05-03T22:20:55.634Z","update_time":null,"resolved":false,"user":{"type":"individual","id":"c74ac0b56b3596f1","login":"pollywry","name":"Polly Wu","avatar_url":"https://avatars-next.observableusercontent.com/c268e84679d1f19ecc04f8f5e8e824aa2282721481dec410e1400ea599c5c7be","tier":null}},{"id":"f6949ba39796e9ca","reply_to_id":null,"content":"how to use it","create_time":"$D2022-05-04T14:19:35.624Z","update_time":null,"resolved":true,"user":{"type":"individual","id":"c74ac0b56b3596f1","login":"pollywry","name":"Polly Wu","avatar_url":"https://avatars-next.observableusercontent.com/c268e84679d1f19ecc04f8f5e8e824aa2282721481dec410e1400ea599c5c7be","tier":null}},{"id":"8b0bbd75cdae841b","reply_to_id":"f6949ba39796e9ca","content":"https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Gradients","create_time":"$D2022-05-04T18:17:42.476Z","update_time":null,"resolved":true,"user":{"type":"individual","id":"c74ac0b56b3596f1","login":"pollywry","name":"Polly Wu","avatar_url":"https://avatars-next.observableusercontent.com/c268e84679d1f19ecc04f8f5e8e824aa2282721481dec410e1400ea599c5c7be","tier":null}},{"id":"0e40c04122a9e163","reply_to_id":"e04cd3db6f45f94a","content":"add a legend to explain the gap; add a threshold slider","create_time":"$D2022-05-04T18:18:13.108Z","update_time":null,"resolved":true,"user":{"type":"individual","id":"c74ac0b56b3596f1","login":"pollywry","name":"Polly Wu","avatar_url":"https://avatars-next.observableusercontent.com/c268e84679d1f19ecc04f8f5e8e824aa2282721481dec410e1400ea599c5c7be","tier":null}}],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":3,"collection":null,"type":"notebook","body":{"title":"Which countries have not achieved the WHO's COVID vaccination target?","cells":[{"id":0,"value":"$33","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"title","database":"$undefined"},{"id":462,"value":"viewof date_range = slide({\n min: 0, \n max: numberOfDays, \n step: 1, \n title: \"Date\",\n value: 0, \n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1573,"value":"viewof VaccinationRate = slide({\n min: 0, \n max: 100, \n step: 1, \n title: \"Countries with vaccination per hundred LOWER than:\",\n color: \"red\",\n position:\"absolute\",\n bottom: \"500px\",\n value: 100\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"$34","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"mapContainer","database":"$undefined"},{"id":1928,"value":"$35","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"filter_container","database":"$undefined"},{"id":435,"value":"timeScale = d3.scaleTime()\n .domain([new Date('2021-01-02'), new Date('2022-04-01')])\n\t.range([0, numberOfDays])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":437,"value":"numberOfDays = d3.timeDay.count(new Date('2021-01-02'), new Date('2022-04-01'))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":456,"value":"import {slider as slide} from \"@pollywry/inputs\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":451,"value":"date = timeScale.invert(date_range)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":511,"value":"date_str = date.toISOString().slice(0,10)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":454,"value":"d3 = require('d3')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":20,"value":"map = d3.select(mapContainer)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":24,"value":"import {getMapData, drawMapLayer} with {projection} from \"@pollywry/dvlib_maps\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":26,"value":"world = getMapData(\"world110m\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":396,"value":"import {zoomToBounds} with {map} from \"@pollywry/dvlib_maps\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":397,"value":"map.call(d3.zoom()\n .scaleExtent([1,500]) \n .on(\"zoom\", zoomed));","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1351,"value":"function zoomed({transform}) {map.selectAll(\".maplayer\").attr(\"transform\", transform);}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":28,"value":"mapLayers = {\n let mapLayers = [];\n mapLayers[\"countries\"] = drawMapLayer(map,\"countries\",world.features,world.idField);\n mapLayers[\"countries\"].on(\"click\", zoomToBounds); \n\n return mapLayers;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":55,"value":"total_vaccination = FileAttachment(\"people-vaccinated@1.csv\").csv()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":555,"value":"vaccination_per_hundred = FileAttachment(\"vaccination_per_hundred@3.csv\").csv()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":677,"value":"full_vaccination = FileAttachment(\"people_fully_vac.csv\").csv()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":58,"value":"import {rFromArea, toNum} from \"@pollywry/dvlib\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":183,"value":"projection = d3.geoMercator()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":159,"value":"import {geoCentroids} with {projection} from \"@pollywry/dvlib_maps\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":161,"value":"countryCentroids = {\n let centroids = geoCentroids(world.features, \"id\");\n return d3.index(centroids, d => d[\"name\"]); \n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":223,"value":"getCoord = (iso_code) => {\n let coord = \"\";\n if (typeof(countryCentroids.get(iso_code)) !== \"undefined\") {\n coord = countryCentroids.get(iso_code).coord;\n }\n return coord;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":167,"value":"vaccination_circles = {\n let vaccination_circles = map.select(\"#vaccination_circles\").selectAll(\"circle\")\n .data(full_vaccination)\n .join(\"circle\")\n .attr(\"cx\", d => projection(getCoord(d[\"iso_code\"]))[0])\n .attr(\"cy\", d => projection(getCoord(d[\"iso_code\"]))[1])\n .attr(\"r\", d => rFromArea(d[date_str]) * dotScaleFactor)\n .transition().duration(500)\n .style(\"fill\", \"black\")\n .attr(\"class\", \"vac_circle\")\n .attr(\"id\",(d,i) => \"circle\" + i);\n \n return vaccination_circles;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":554,"value":"population_circles = {\n let population_circles = map.select(\"#population_circles\").selectAll(\"circle\")\n .data(vaccination_per_hundred)\n .join(\"circle\")\n .attr(\"cx\", d => projection(getCoord(d[\"iso_code\"]))[0])\n .attr(\"cy\", d => projection(getCoord(d[\"iso_code\"]))[1])\n .attr(\"r\", d => rFromArea(d[\"population\"]) * dotScaleFactor)\n .style(\"fill\", d => colorScale(d[date_str]))\n .attr(\"class\", \"pop_circle\")\n .attr(\"id\",(d,i) => \"circle\" + i)\n .transition().duration(100)\n .style(\"opacity\",\"0.75\").filter(d=> toNum(d[date_str])>=VaccinationRate).style(\"opacity\",\"0.002\")\n \n return population_circles;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":744,"value":"labels = {\n let labels = map.select(\"#labels\").selectAll(\"text\")\n .data(vaccination_per_hundred)\n .join(\"text\")\n .attr(\"x\", d => projection(getCoord(d[\"iso_code\"]))[0])\n .attr(\"y\", d => projection(getCoord(d[\"iso_code\"]))[1]+5)\n .text( d => d[\"location\"]+\": \"+d[date_str] + \"%\")\n .style(\"font-size\",\"10px\")\n .style(\"opacity\",\"0.0001\")\n .style(\"fill\",\"37474F\")\n .style(\"text-anchor\",\"middle\")\n .attr(\"class\", \"label_text\")\n .attr(\"id\",(d,i) => \"text\" + i)\n \n\n return labels\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":832,"value":"highlight = (evt,d) => {\n let thisElem = evt.currentTarget;\n d3.select(thisElem)\n .style(\"fill\", \"white\")\n .style(\"font-size\",\"15px\")\n .style(\"opacity\",\"1\")\n .raise();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":835,"value":"unhighlight = (evt) => {\n d3.select(evt.currentTarget)\n .style(\"font-size\",\"10px\")\n .style(\"opacity\",\"0.0001\")\n .style(\"fill\",\"37474F\")\n .raise();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":839,"value":"mouse = {\n map.selectAll(\".label_text\").on(\"mouseover\",highlight)\n map.selectAll(\".label_text\").on(\"mouseout\",unhighlight);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":255,"value":"dotScaleFactor = 0.002","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":69,"value":"colorScale = d3.scaleLinear().domain([0,40,100]).range([\"#B71C1C\",\"grey\",\"#9CCC65\"])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":691,"value":"function dimAll() {map.selectAll(\".pop_circle\").style(\"opacity\",\"0.02\")}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":686,"value":"function showAll() {map.selectAll(\".pop_circle\").style(\"opacity\",\"\")}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":687,"value":"function filter(field,value) {\n dimAll();\n map.selectAll(\".pop_circle\").filter(d => d[field] == value).style(\"opacity\",\"\").filter(d=> toNum(d[date_str])>=VaccinationRate).style(\"opacity\",\"0.002\");\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":695,"value":"function filterValue(field,value) {\n map.selectAll(\".vac_circle\").attr(\"r\", d => rFromArea(d[field]) * dotScaleFactor);\n map.selectAll(\".pop_circle\").style(\"stroke\", \"#ccc\").style(\"opacity\",\"0.8\").style(\"fill\", d => colorScale(d[field]));\n map.selectAll(\".pop_circle\").filter(d => toNum(d[field]) >= value)\n .style(\"stroke\",\"grey\").style(\"opacity\",\"0.3\");\n map.selectAll(\".pop_circle\").filter(d => toNum(d[field]) <= value).style(\"stroke\",\"white\");\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2169,"value":"function clearAll() {\n map.selectAll(\".vac_circle\").attr(\"r\", d => rFromArea(d[date_str]) * dotScaleFactor);\n map.selectAll(\".pop_circle\").style(\"stroke\", \"#ccc\").style(\"opacity\",\"0.8\")\n .style(\"fill\", d => colorScale(d[date_str]))\n .filter(d=> toNum(d[date_str])>=VaccinationRate).style(\"opacity\",\"0.002\");\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":699,"value":"control = {\n const btns = d3.select(\"#target_f\");\n\n btns.select(\"#btn-10\").on(\"click\", () => filterValue(\"2021-09-30\",10));\n btns.select(\"#btn-40\").on(\"click\", () => filterValue(\"2021-12-31\",40));\n btns.select(\"#btn-70\").on(\"click\", () => filterValue(\"2022-04-09\",40));\n\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1393,"value":"control2 = {\n // set the buttons to call the filter function when clicked.\n const btns = d3.select(\"#income_f\");\n\n // register event listeners\n btns.select(\"#btn-HIGH_INCOME\").on(\"click\", () => filter('Income group',\"High income\"));\n btns.select(\"#btn-UM_INCOME\").on(\"click\", () => filter('Income group',\"Upper middle income\"));\n btns.select(\"#btn-LM_INCOME\").on(\"click\", () => filter('Income group',\"Lower middle income\"));\n btns.select(\"#btn-LOW_INCOME\").on(\"click\", () => filter('Income group',\"Low income\"));\n\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1394,"value":"control3 = {\n const btns = d3.select(\"#devel_index_f\");\n btns.select(\"#btn-hospital\").on(\"click\", () => map.selectAll(\".pop_circle\")\n .style(\"fill\", d => colorScale_2(d[\"hospital_beds_per_thousand\"]))\n .filter(d=> toNum(d[date_str])>=VaccinationRate).style(\"opacity\",\"0.002\"));\n btns.select(\"#btn-life\").on(\"click\", () => map.selectAll(\".pop_circle\")\n .style(\"fill\", d => colorScale_3(d[\"life_expectancy\"]))\n .filter(d=> toNum(d[date_str])>=VaccinationRate).style(\"opacity\",\"0.002\"));\n btns.select(\"#btn-HDI\").on(\"click\", () => map.selectAll(\".pop_circle\")\n .style(\"fill\", d => colorScale_4(d[\"human_development_index\"]))\n .filter(d=> toNum(d[date_str])>=VaccinationRate).style(\"opacity\",\"0.002\"));\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1396,"value":"control4 = {\n const btns = d3.select(\"#all_f\");\n btns.select(\"#btn-clear\").on(\"click\", clearAll);\n btns.select(\"#btn-showAll\").on(\"click\", showAll);\n \n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2150,"value":"control5 = {\n // set the buttons to call the filter function when clicked.\n const btns = d3.select(\"#region\");\n\n // register event listeners\n btns.select(\"#btn-Asia\").on(\"click\", () => filter('continent',\"Asia\"));\n btns.select(\"#btn-Africa\").on(\"click\", () => filter('continent',\"Africa\"));\n btns.select(\"#btn-Europe\").on(\"click\", () => filter('continent',\"Europe\"));\n btns.select(\"#btn-NorthA\").on(\"click\", () => filter('continent',\"North America\"));\n btns.select(\"#btn-Oceania\").on(\"click\", () => filter('continent',\"Oceania\"));\n btns.select(\"#btn-SouthA\").on(\"click\", () => filter('continent',\"South America\"));\n\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1261,"value":"colorScale_2 = d3.scaleLinear().domain([0,3,14]).range([\"#B71C1C\",\"grey\",\"#9CCC65\"])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1274,"value":"colorScale_3 = d3.scaleLinear().domain([54,73,85]).range([\"#B71C1C\",\"grey\",\"#9CCC65\"])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1275,"value":"colorScale_4 = d3.scaleLinear().domain([0.3,0.6,1]).range([\"#B71C1C\",\"grey\",\"#9CCC65\"])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1285,"value":"vaccination_per_hundred[\"human development index\"]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W36","stdlib":"1","titling":"auto"}} 32:"$31:body"