3e:null 3f:["$","title",null,{"children":"Vaccine-specific policy position changes | COMIT | Andrew Nicklin | Observable"}] 45:T834,chart = { const svg = d3.select(DOM.svg(width, height)) .style("background", "#fff") .style("width", "100%") .style("height", "auto"); const {nodes, links} = sankey({ nodes: sankeyData.nodes.map(d => Object.assign({}, d)), links: sankeyData.links.map(d => Object.assign({}, d)) }); const textlabel = svg.append("g") .style("font", "18px sans-serif") .style("text-shadow", "0 0 5px white") textlabel.append("text") .attr("x", "0") .attr("y", "18") .attr("text-anchor", "start") .text(sankeyData.range.start) textlabel.append("text") .attr("x", width) .attr("y", "18") .attr("text-anchor", "end") .text(sankeyData.range.end) svg.append("g") .selectAll("rect") .data(nodes) .join("rect") .attr("x", d => d.x0 + 1) .attr("y", d => d.y0) .attr("height", d => d.y1 - d.y0) .attr("width", d => d.x1 - d.x0 - 2) .attr("fill", d => d.color) .append("title") .text(d => `${d.label}\n${d.value.toLocaleString()}`); const link = svg.append("g") .attr("fill", "none") .selectAll("g") .data(links) .join("g") .attr("stroke", d => d3.color(d.color) || color) .style("mix-blend-mode", "multiply"); link.append("path") .attr("d", d3.sankeyLinkHorizontal()) .attr("stroke", d => d.endColor) .attr("stroke-opacity", "0.3") .attr("stroke-width", d => Math.max(1, d.width)); link.append("title") .text(d => `${d.source.label} → ${d.target.label}\n${d.value.toLocaleString()}`); svg.append("g") .style("font", "18px sans-serif") .style("text-shadow", "0 0 5px white") .selectAll("text") .data(nodes) .join("text") .attr("x", d => d.x0 < width / 2 ? d.x1 + 6 : d.x0 - 6) .attr("y", d => (d.y1 + d.y0) / 2) .attr("dy", "0.35em") .attr("text-anchor", d => d.x0 < width / 2 ? "start" : "end") // .text(d => d.label) .append("tspan") .attr("fill-opacity", 1) .text(d => `${d.value.toLocaleString()}`); return svg.node(); }46:T6a6,cleanupSankeyData = function (uncleanSankeyData) { const resultingSankey = {...uncleanSankeyData} // if the setting is to clean up... if (cleanupSankey) { if (resultingSankey.links.length > 1) { // get rid of any links which connect A7/A8 & B7/B8 resultingSankey.links = uncleanSankeyData.links .filter(link => { if ((link.source === 'A7' || link.source === 'A8') && (link.target === 'B7' || link.target === 'B8')) { return false } return true }) .map(link => ({...link})) // merge A7/B7 to A8/B8 resultingSankey.links .filter(link => link.source === 'A7' || link.target === 'B7') .forEach(link => { if (link.source === 'A7') { const linkToUpdate = resultingSankey.links.find(l => l.source === 'A8' && l.target === link.target) if (linkToUpdate) { linkToUpdate.value += link.value } else { linkToUpdate.source = 'A8' } } if (link.target === 'B7') { const linkToUpdate = resultingSankey.links.find(l => l.target === 'A8' && l.source === link.source) if (linkToUpdate) { linkToUpdate.value += link.value } else { linkToUpdate.target = 'A8' } } }) resultingSankey.links = resultingSankey.links .filter(link => link.source !== 'A7' && link.target !== 'B7') } } // remove nodes with no links resultingSankey.nodes = resultingSankey.nodes.filter(node => { return resultingSankey.links.some(link => link.source === node.name || link.target === node.name) }) return resultingSankey } 47:T699,sankeyNodes = [ {name: 'A1', type: 'source', label: 'Recommended for some or all', color: colorMap.get('Recommended for some or all')}, {name: 'A2', type: 'source', label: 'Permitted', color: colorMap.get('Permitted')}, {name: 'A3', type: 'source', label: 'Permitted with qualifications', color: colorMap.get('Permitted with qualifications')}, {name: 'A4', type: 'source', label: 'Not recommended but with exceptions', color: colorMap.get('Not recommended but with exceptions')}, {name: 'A5', type: 'source', label: 'Not recommended', color: colorMap.get('Not recommended')}, {name: 'A6', type: 'source', label: 'Unclear', color: colorMap.get('Unclear')}, {name: 'A7', type: 'source', label: 'No position found', color: colorMap.get('No position found')}, {name: 'A8', type: 'source', label: 'Unknown', color: colorMap.get('Unknown')}, {name: 'B1', type: 'target', label: 'Recommended for some or all', color: colorMap.get('Recommended for some or all')}, {name: 'B2', type: 'target', label: 'Permitted', color: colorMap.get('Permitted')}, {name: 'B3', type: 'target', label: 'Permitted with qualifications', color: colorMap.get('Permitted with qualifications')}, {name: 'B4', type: 'target', label: 'Not recommended but with exceptions', color: colorMap.get('Not recommended but with exceptions')}, {name: 'B5', type: 'target', label: 'Not recommended', color: colorMap.get('Not recommended')}, {name: 'B6', type: 'target', label: 'Unclear', color: colorMap.get('Unclear')}, {name: 'B7', type: 'target', label: 'No position found', color: colorMap.get('No position found')}, {name: 'B8', type: 'target', label: 'Unknown', color: colorMap.get('Unknown')}, ]48:[] 43:{"id":"e49c188e79bd969c","slug":"comit-vaccine-sankey","title":"Vaccine-specific policy position changes | COMIT","thumbnail":"04f0dc5602c63b34958ac56651993d3dbf1571def3e375ad998f398e2f5ac2a4","access_level":"public","create_time":"$D2021-10-01T15:51:11.101Z","update_time":"$D2021-12-07T21:38:57.256Z","view_time":null,"first_public_time":"$D2023-02-13T18:15:43.359Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"c455338f38f15ec6","login":"technickle","name":"Andrew Nicklin","avatar_url":"https://avatars-next.observableusercontent.com/d99b8ac4e1507e6310e8d9671b64264c845cfd16130013111d127d446585758d","tier":"starter_2024","bio":""},"version":610,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"bacba0ec86092633","login":"technickle","name":"Andrew Nicklin","avatar_url":"https://avatars-next.observableusercontent.com/d99b8ac4e1507e6310e8d9671b64264c845cfd16130013111d127d446585758d","tier":null,"bio":""}],"members":[{"type":"individual","id":"bacba0ec86092633","login":"technickle","name":"Andrew Nicklin","avatar_url":"https://avatars-next.observableusercontent.com/d99b8ac4e1507e6310e8d9671b64264c845cfd16130013111d127d446585758d","tier":null,"role":"editor"}],"comments":[{"id":"d07806494e8489ab","reply_to_id":null,"content":"Replace this with remote file loading from beta repo or site (need to deal with CORS issues)","create_time":"$D2021-10-01T16:11:12.896Z","update_time":null,"resolved":true,"user":{"type":"individual","id":"bacba0ec86092633","login":"technickle","name":"Andrew Nicklin","avatar_url":"https://avatars-next.observableusercontent.com/d99b8ac4e1507e6310e8d9671b64264c845cfd16130013111d127d446585758d","tier":null}}],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Vaccine-specific policy position changes | COMIT","cells":[{"id":0,"value":"# Vaccine-specific policy position changes | COMIT\nVisit our website at https://www.comitglobal.org/ to learn more.\n\nThis visualization loads data directly from the website version selected below, so information presented here should be aligned to the data you see there.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":381,"value":"viewof selectedDataSource = Inputs.radio(dataSources, {format: x => x.name, label: 'Select data source', value: dataSources.find(x => x.name === 'production')})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":178,"value":"viewof selectedVaccine = Inputs.select(comitData.vaccines.sort((a, b) => a.displayName.localeCompare(b.displayName)), {format: x => x.displayName, label: 'Select a vaccine'})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":246,"value":"viewof selectedCodingType = Inputs.radio(codingTypes, {format: x => x.name, label: 'Select coding', value: codingTypes.find(x => x.name === 'pregnancy')})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":340,"value":"viewof selectedStartDate = Inputs.date({label: 'Start date', value: '2021-05-21'})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":343,"value":"viewof selectedEndDate = Inputs.date({label: 'End date', value: '2021-09-30'})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":292,"value":"viewof cleanupSankey = Inputs.toggle({label: 'Remove no positions & unknowns', value: true})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":198,"value":"html`\n${DOM.download(await rasterize(chart), \"comit-pregnancy-sankey\", \"Download as PNG\")}\n${DOM.download(await serialize(chart), \"comit-pregnancy-sankey\", \"Download as SVG\")}\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":173,"value":"$45","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":281,"value":"

Preserve input order`;\n form.i.onclick = () => (form.value = form.i.checked, form.dispatchEvent(new CustomEvent(\"input\")));\n form.value = form.i.checked;\n return form;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":583,"value":"

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":224,"value":"// this isn't used for data processing / sankey rendering, but can show what's happening under the hood while checking for inconsistencies\ndebugPositionResultsAnalysis = positionsAtDates.reduce((analysis, result) => {\n const position1Id = result.positions[0].policyPosition?.rank\n const position2Id = result.positions[1].policyPosition?.rank\n if (position1Id) {\n if (analysis.position1[position1Id]) {\n analysis.position1[position1Id].push(result.country.name)\n } else {\n analysis.position1[position1Id] = [result.country.name]\n }\n }\n if (position2Id) {\n if (analysis.position2[position2Id]) {\n analysis.position2[position2Id].push(result.country.name)\n } else {\n analysis.position2[position2Id] = [result.country.name]\n }\n }\n return analysis\n}, {position1: {}, position2: {}})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":312,"value":"sankeyData = cleanupSankeyData({links: sankeyLinks, nodes: sankeyNodes, range: sankeyRange})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":148,"value":"sankeyLinks = Object\n .entries(positionsObject).map(([keyName, count]) => {\n const from = keyName.split('-')[0]\n const to = keyName.split('-')[1]\n return {\n source: sankeyNodes.filter(node => node.label === from && node.type === \"source\")[0].name,\n target: sankeyNodes.filter(node => node.label === to && node.type === \"target\")[0].name,\n value: positionsObject[keyName],\n startColor: colorMap.get(from),\n endColor: colorMap.get(to),\n }\n })\n .sort((a, b) => {\n return a.target?.localeCompare(b.target)\n })\n .sort((a, b) => {\n return a.source?.localeCompare(b.source)\n })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":134,"value":"positionsObject = positionsAtDates.reduce((accumulator, positionResult) => {\n const keyNameArray = []\n for (const position of positionResult.positions) {\n if (position.isUnclear) {\n keyNameArray.push('Unclear')\n } else if (position.isUnknown) {\n keyNameArray.push('Unknown')\n } else {\n if (position.policyPosition) {\n keyNameArray.push(position.policyPosition.value)\n } else {\n keyNameArray.push('Unknown')\n }\n }\n }\n const keyName = keyNameArray.join('-')\n if (accumulator[keyName]) {\n accumulator[keyName]++\n } else {\n accumulator[keyName] = 1\n }\n return accumulator\n}, new Object())\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":88,"value":"positionsAtDates = getPositionsAtDates({\n countries: comitCountriesNotGlobal,\n dates: [sankeyRange.start, sankeyRange.end],\n type: selectedCodingType\n})\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":142,"value":"sankeyRange = new Object({\n start: selectedStartDate.toISOString().slice(0,10),\n end: selectedEndDate.toISOString().slice(0,10)\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":576,"value":"### Helper functions","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":301,"value":"$46","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":84,"value":"function getPositionsAtDates(options) {\n const results = (options.countries || [])\n .map(country => {\n const result = {country: country, positions: []}\n for (const asOfDate of options.dates) {\n const dateFilteredPolicies = country.$filteredPolicies.filter(policy => (policy['datePublished/lastUpdated'] || policy.dateAccessed) <= asOfDate)\n \n if (dateFilteredPolicies.length > 0) {\n let policy = dateFilteredPolicies.pop()\n \n result.positions.push({\n date: asOfDate,\n policyPosition: policy[options.type.field]?.[0],\n isUnclear: policy[options.type.field]?.length > 1\n })\n } else {\n result.positions.push({ date: asOfDate, isUnknown: true })\n }\n }\n return result\n })\n return results\n}\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":545,"value":"### Data preparation","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":23,"value":"policiesMap = new Map(comitData.policies.map(policy => [policy.id, policy]))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":26,"value":"authoritiesMap = new Map(comitData.authorities.map(authority => [authority.id, {\n ...authority,\n policies: authority.policies\n ? authority.policies.map(policyId => policiesMap.get(policyId))\n : undefined\n}]))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":59,"value":"// iterate through each country, inject the authorities from the authoritiesMap\n// and add a $filteredPolicies property which contains all the Public Health Authority positions for the specified vaccine\ncomitCountries = comitData.countries.map(country => ({ \n ...country, \n authorities: country.authorities\n ? country.authorities.map(authorityId => authoritiesMap.get(authorityId)) \n : undefined, \n $filteredPolicies: country.authorities \n ? country.authorities.map(authorityId => authoritiesMap.get(authorityId)) \n .filter(authority => authority.authorityType === 'Public Health Authority')\n .flatMap(authority => authority.policies || [])\n .filter(policy => (!policy.vaccinesNonSpecific) && policy.vaccines?.includes(selectedVaccine.id) && policy.pregnancyCode)\n .sort((a, b) => (a['datePublished/lastUpdated'] || a.dateAccessed || 'unknown').localeCompare(b['datePublished/lastUpdated'] || b.dateAccessed || 'unknown'))\n : []\n}))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":109,"value":"comitCountriesNotGlobal = comitCountries.filter(country => country.wbRegion)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":539,"value":"### Source data","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":236,"value":"// this loads the data from the selected website!\ncomitData = fetch(selectedDataSource.url).then(response => response.json())","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":535,"value":"### Reference data","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":81,"value":"codingTypes = [\n {name: 'pregnancy', field: 'pregnancyCode', eventFilter: 'pregnancyPolicyPositionChange'},\n {name: 'lactation', field: 'lactationCode', eventFilter: 'lactationPolicyPositionChange'}\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":137,"value":"colorMap = new Map([\n ['Recommended for some or all','#3D7632'],\n ['Permitted','#54BCD6'],\n ['Permitted with qualifications','#FDB430'],\n ['Not recommended but with exceptions','#FA774A'],\n ['Not recommended','#9B002D'],\n ['Unclear','#FF0000'],\n ['No position found','#a9a9a9'],\n ['Unknown','#a9a9a9'],\n])\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":383,"value":"dataSources = [\n { name: 'production', url: 'https://www.comitglobal.org/data/comit-v1.min.json' },\n { name: 'beta', url: 'https://beta.comitglobal.org/data/comit-v1.min.json' }\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":146,"value":"$47","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":156,"value":"sankey = d3.sankey()\n .nodeId(d => d.name)\n .nodeAlign(d3[`sankey${align[0].toUpperCase()}${align.slice(1)}`])\n .nodeSort(inputOrder ? null : undefined)\n .linkSort((a, b) => { a.target.name.localeCompare(b.target.name) })\n .nodeWidth(15)\n .nodePadding(padding)\n .extent([[0, 30], [width, height]])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":200,"value":"import {rasterize, serialize} from \"@mbostock/saving-svg\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":165,"value":"d3 = require(\"d3@6\", \"d3-sankey@0.12\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W48","stdlib":"1"}} 44:"$43:body"