3c:null 3d:["$","title",null,{"children":"Policy position changes for maternal vaccination, global | COMIT | Enrique Lopez Magallon | Observable"}] 43:T853,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.extent[0]); textlabel .append("text") .attr("x", width) .attr("y", "18") .attr("text-anchor", "end") .text(sankeyData.extent[1]); 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(); }44:T440,positionLinks = positionResults .reduce((links, pr) => { for (let i = 1; i < pr.positions.length; i++) { const positionSource = pr.positions[i - 1]; const positionTarget = pr.positions[i]; links.push({ source: positionSource.date + "-" + positionSource.policyPosition?.rank || 8, target: positionTarget.date + "-" + positionTarget.policyPosition?.rank || 8, startColor: positionSource.policyPosition?.color || "#FFFFFF", endColor: positionSource.policyPosition?.color || "#FFFFFF" }); } return links; }, []) .reduce((linksWithValues, link) => { const existingLink = linksWithValues.find( (lwv) => lwv.source === link.source && lwv.target === link.target ); if (existingLink) { existingLink.value = existingLink.value + 1; } else { linksWithValues.push({ ...link, value: 1 }); } return linksWithValues; }, []) .sort((a, b) => { return a.target?.localeCompare(b.target); }) .sort((a, b) => { return a.source?.localeCompare(b.source); })45:T88e,cleanupSankeyData = function (uncleanSankeyData) { const resultingSankey = {...uncleanSankeyData} if (selectedCleanupSankey) { // new 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.endsWith('-7') || link.source.endsWith('-8')) && (link.target.endsWith('-7') || link.target.endsWith('-8'))) { return false } return true }) .map(link => ({...link})) // merge x7/x7 to x8/x8 resultingSankey.links .filter(link => link.source.endsWith('-7') || link.target.endsWith('7')) .forEach(link => { if (link.source.endsWith('-7')) { const newLinkTarget = link.source.slice(0,10) + '-8' const linkToUpdate = resultingSankey.links.find(l => l.source === newLinkTarget && l.target === link.target) if (linkToUpdate) { linkToUpdate.value += link.value } else { link.source = newLinkTarget } } if (link.target.endsWith('-7')) { const newLinkTarget = link.target.slice(0,10) + '-8' const linkToUpdate = resultingSankey.links.find(l => l.target === newLinkTarget && l.source === link.source) if (linkToUpdate) { linkToUpdate.value += link.value } else { link.target = newLinkTarget } } }) resultingSankey.links = resultingSankey.links .filter(link => !link.source.endsWith('-7') && !link.target.endsWith('-7')) } //old // if (resultingSankey.links.length > 1) { // resultingSankey.links = uncleanSankeyData.links.filter(link => { // if ((link.source.endsWith('7') || link.source.endsWith('8')) && (link.target.endsWith('7') || link.target.endsWith('8'))) { return false } // return true // }) // } } resultingSankey.nodes = resultingSankey.nodes.filter(node => { return resultingSankey.links.some(link => link.source === node.name || link.target === node.name) }) return resultingSankey }46:T436,// policyPositions = ({ // // all: [ // // {value: 'Recommended for some or all', rank: 1, color: '#3D7632' }, // // {value: 'Permitted', rank: 2, color: '#54BCD6' }, // // {value: 'Permitted with qualifications', rank: 3, color: '#FDB430' }, // // {value: 'Not recommended but with exceptions', rank: 4, color: '#FA774A' }, // // {value: 'Not recommended', rank: 5, color: '#9B002D' }, // // {value: 'Unclear', rank: 6, color: '#FF0000' }, // // {value: 'No position found', rank: 7, color: '#a9a9a9' }, // // {value: 'Unknown', rank: 8, color: '#efefef' } // // ], // createLink(value1, date1, value2, date2) { // // const position1 = this.all.find(pp => pp.value === value1) || this.all[7] // // const position2 = this.all.find(pp => pp.value === value2) || this.all[7] // return { // source: date1 + "-" + value1 ? value1.rank.toString() : 8, // target: date2 + "-" + value2 ? value2.rank.toString() : 8, // startColor: value1.color, // endColor: value2.color // }; // } // })47:[{"id":"6ba2185a36fe8c6c8423830ecf9bceb6537f5322674c8b1fb5806c953a315ecc2564565181b6044231cc18be13560e0fa59fc55accfc81d95165b3fed4b26bca","href":"https://static.observableusercontent.com/files/6ba2185a36fe8c6c8423830ecf9bceb6537f5322674c8b1fb5806c953a315ecc2564565181b6044231cc18be13560e0fa59fc55accfc81d95165b3fed4b26bca","name":"comit-v1@1.min.json","type":"application/json","lastModified":1710403769179.496,"size":1366830}] 41:{"id":"c5221e158846ce24","slug":null,"title":"Policy position changes for maternal vaccination, global | COMIT","thumbnail":"ed5da91dc0baf77394c8c928fe6652ae9a0d88023b02aba8f6a4f8671c214dac","access_level":"public","create_time":"$D2024-03-14T08:09:29.179Z","update_time":"$D2024-03-14T08:09:29.179Z","view_time":null,"first_public_time":"$D2024-03-14T08:09:29.179Z","has_unpublished_edits":null,"fork":{"id":"b421037de9027832","slug":"comit-sankey","title":"Policy position changes for maternal vaccination, global | COMIT","owner":{"id":"c455338f38f15ec6","login":"technickle","name":"Andrew Nicklin"}},"stars":0,"starred":false,"owner":{"type":"team","id":"528e119edc847b50","login":"enadol","name":"Enrique Lopez Magallon","avatar_url":"https://avatars-next.observableusercontent.com/79a51b675f7f678404c867b48d2c7c989966d97075cfd85da02b4b24327f12c0","tier":"starter_2024","bio":"Python, SQL, JQuery, HTML, CSS, Javascript, PHP, SQL, SQLite, QGIS. Currently hooked on R."},"version":1393,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"1ed29fe1308b28d1","login":"enadol","name":"Enrique Lopez Magallon","avatar_url":"https://avatars-next.observableusercontent.com/79a51b675f7f678404c867b48d2c7c989966d97075cfd85da02b4b24327f12c0","tier":null,"bio":"Python, SQL, JQuery, HTML, CSS, Javascript, PHP, SQL, SQLite, QGIS. Currently hooked on R."}],"members":[{"type":"individual","id":"1ed29fe1308b28d1","login":"enadol","name":"Enrique Lopez Magallon","avatar_url":"https://avatars-next.observableusercontent.com/79a51b675f7f678404c867b48d2c7c989966d97075cfd85da02b4b24327f12c0","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Policy position changes for maternal vaccination, global | COMIT","cells":[{"id":0,"value":"md`# Policy position changes for maternal vaccination, global | 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":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":598,"value":"viewof selectedDataSource = Inputs.select(ComitData.dataSources, {\n format: (x) => x.label,\n label: \"Select a data source\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":586,"value":"viewof selectedCodingType = Inputs.select(ComitData.codingTypes, {\n format: (x) => x.label,\n label: \"Select coding\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":925,"value":"viewof startDate = 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":931,"value":"viewof daysCount = Inputs.number({label: 'Number of days between steps', value: (endDate.getTime() - startDate.getTime()) / 1000 / 60 / 60/ 24 - 1})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1100,"value":"

(Number of days between steps will reset if you select a different end date)

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":928,"value":"viewof endDate = Inputs.date({label: 'End date (approximate)', value: Date.now()})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"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":3,"value":"$43","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":14,"value":"md`---\n\n## Other settings`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":590,"value":"viewof selectedCleanupSankey = Inputs.toggle({\n label: \"(no longer relevant?) Remove no positions & unknowns\",\n value: true,\n disabled: false\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":25,"value":"viewof width = {\n const form = html``;\n (form.oninput = () => form.value = form.i.valueAsNumber)();\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":28,"value":"viewof height = {\n const form = html``;\n (form.oninput = () => form.value = form.i.valueAsNumber)();\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":333,"value":"viewof padding = {\n const form = html``;\n (form.oninput = () => form.value = form.i.valueAsNumber)();\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":256,"value":"viewof color = {\n const form = html``;\n (form.oninput = () => form.value = form.i.value)();\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":323,"value":"viewof inputOrder = {\n const form = html`