w-fill

2d:null 2e:["$","title",null,{"children":"EMC - Grants mapped to globe | Brady Sheridan | Observable"}] 33:T8d7,globe = { yield html`

Explore ${"United States of America" === selectedCountry ? "the " : ""}${data.displayName[selectedCountry] || selectedCountry}

${staticIcons.externalLink}

` // render charts d3.select("#globe-wrap").call(leGlobe) d3.select("#chevron-left-wrap").call(chevronLeft) d3.select("#chevron-right-wrap").call(chevronRight) d3.select("#circles-wrap").call(circles) // bind swipe listener var el = document.querySelector('div#globe-outer-wrap') var manager = new Hammer.Manager(el) var Swipe = new Hammer.Swipe({ velocity: 0.1, threshold: 2, direction: Hammer.DIRECTION_HORIZONTAL }) manager.add(Swipe) manager.on('swipe', function(e) { switch(e.direction) { case 2: next(); break; // case 4: (selectedIndex === 0) ? null : prev(); break; case 4: prev(); break; default: return; } }) invalidation.then(() => (manager.destroy())) }34:T8a1,videoPreview = { let vimeoCode = data.video[selectedCountry] // video embed let vimeo = `

` // video description let description = `

${data.description[selectedCountry]}

` // video share links let share = `

Share this film:

${staticIcons.twitter} ${staticIcons.facebook} ${staticIcons.mail}

` return html`

${(width > 768) ? staticIcons.bracketDesktop : staticIcons.bracketMobile}

${data.displayName[selectedCountry] || selectedCountry}

${description}

${vimeo}

${share}

` }35:T774,topLineInfo = { const link = (str, a, i) => { let onClick = `gtag('event','select_country',{'event_category':'Globe Menu','event_label':'${str}','transport_type':'beacon'});` let el = width > 768 ? html`

${str} ${i < data.countries.length - 1 ? " - " : ""}

` : html`

${str}

` el.onclick = (e) => { e.preventDefault() leGlobe.rotateToCountryAtIndex(i) } return el } return html`

${data.countries.map((countryName, i) => link(data.displayName[countryName] || countryName, "#", i))}

PAST GRANTS - EMERGENCY GRANTS

` }36:T4ef,circlesChart = function() { // TODO: remove when transferring out of Observable d3.select("#circles-wrap").selectAll("svg").remove() // set externally var size, sizeUnit // set internally var div, circles function chart(selection) { selection.each(function() { div = selection.append("div") circles = div.selectAll("svg") .data(data.countries) .enter() .append("svg") .attr('class', 'black-to-orange') .each(function(d, i) { let _this = d3.select(this) let selected = i === selectedIndex let iconConfig = (selected) ? dynamicIcons.dotFilled(size, sizeUnit) : dynamicIcons.dotUnfilled(size, sizeUnit) let image = _this.append("image") tackOnAttributes(_this, iconConfig.svg) tackOnAttributes(image, iconConfig.image) _this.on('click', () => selected ? null : leGlobe.rotateToCountryAtIndex(i)) }) }) } // setter and accessor functions chart.size = function(value) { if (!arguments.length) return size size = value return chart } chart.sizeUnit = function(value) { if (!arguments.length) return sizeUnit sizeUnit = value return chart } return chart }37:T559,chevronChart = function() { // set internally var disabled, iconConfig, svg, chev // set externally var direction, size, sizeUnit function chart(selection) { selection.each(function() { d3.select(`#chevron-${"previous" === direction ? "left" : "right"}-wrap`).selectAll("svg").remove() disabled = false // disabled = "previous" === direction && selectedIndex === 0 iconConfig = ("previous" === direction) ? dynamicIcons.chevronLeft(size, sizeUnit) : dynamicIcons.chevronRight(size, sizeUnit) svg = selection.append("svg") chev = renderIcon(iconConfig, ["g1", "g2", "image"], svg) .style('opacity', disabled ? 0.4 : 1) if (!disabled) chev .style('cursor', 'pointer') .attr('class', 'black-to-orange') .on('click', () => ("previous" === direction) ? prev() : next()) }) } // setter and accessor functions chart.direction = function(value) { if (!arguments.length) return direction direction = value return chart } chart.size = function(value) { if (!arguments.length) return size size = value return chart } chart.sizeUnit = function(value) { if (!arguments.length) return sizeUnit sizeUnit = value return chart } return chart }38:T1afd,globeChart = function() { // TODO: remove when transferring out of Observable d3.select("#globe-wrap").selectAll("svg").remove() var curve, sphere, projection, path, svg, outline, baseLand, country, target // timer vars var timer = d3.timer(tick), rotationOn = true, tOld = 0, tRotationDuration = 300000, rotateAnchor = getCountryCentroid(selectedIndex), rotateBuffer = 25, rotateDir = "eastward", smallCountries = ["Guatemala", "Haiti", "Bangladesh"] // prevents timer stacking when cell reloads invalidation.then(() => timer.stop()) function chart(selection) { selection.each(function() { curve = d3.curveBasisClosed sphere = ({type: "Sphere"}) projection = d3.geoOrthographic() .precision(0.1) .rotate(getCountryCentroid(selectedIndex)) path = geoCurvePath(curve, projection) svg = selection.append("svg") .attr("viewBox", [0, 0, width, getSVGHeight()]) .attr("fill", "none") outline = svg.append("path") .datum(sphere) .attr('id', 'outline') .attr('fill', colors.sea) baseLand = svg.append("path") .datum(land) .attr('class', 'rotate') .attr('id', 'baseLand') .attr('fill', colors.land) country = svg.append("g") .attr('id', 'country') country.selectAll("path") .data(highlightedCountries.features) .enter() .append('path') .attr('class', 'rotate') .attr('id', d => `country-${d.properties.i}`) .attr('fill', colors.highlighted) .each(function() { d3.select(this).call(onCountryClick) }) // circles around small countries for expanded click radius target = svg.selectAll("circle.target") .data(highlightedCountries.features.filter(d => smallCountries.includes(d.properties.name))) .enter() .append("circle") .attr('class', 'rotate') .attr("r", width > 768 ? 40 : 15) .attr("fill", "transparent") // .attr("stroke", "red") // .attr("stroke-width", "1px") .each(function(d, i) { let countryIndex = data.countries.indexOf(d.properties.name) let countryPath = d3.select(`#country-${countryIndex}`) d3.select(this).call(onCountryClick, countryPath) }) fadeInSelectedCountry() render() }) } // helpers function render() { outline.attr("d", (d) => path(d)) baseLand.attr("d", (d) => path(d)) country.selectAll("path").attr('d', (d) => path(d)) target.attr("transform", (d) => `translate(${projection(d3.geoCentroid(d))})`) } function getSVGHeight() { const [[x0, y0], [x1, y1]] = d3.geoPath(projection.fitWidth(width, sphere)).bounds(sphere) const dy = Math.ceil(y1 - y0), l = Math.min(Math.ceil(x1 - x0), dy) projection.scale(projection.scale() * (l - 1) / l).precision(0.2) return dy } function getCountryCentroid(i) { let centroid = d3.geoCentroid(highlightedCountries.features[i]) return [-centroid[0], -centroid[1]] } // srcEl is the element which receives click and hover events // destEl is the element which receives changes in callbacks for click and hover events // built this way to facilitate enlarged event target circles around small countries which are difficult // to click, especially on touch screens function onCountryClick(srcEl, destEl) { if('undefined' === typeof destEl) destEl = srcEl let originalFill = destEl.attr('fill') let isSelected = d => d.properties.name === selectedCountry srcEl.style('cursor', 'pointer') srcEl.on('mouseenter', (d) => isSelected(d) ? null : destEl.attr('fill', colors.onHover)) srcEl.on('mouseleave', (d) => isSelected(d) ? null : destEl.attr('fill', originalFill)) srcEl.on('click', (d) => { if (isSelected(d)) return rotateToCountryAtIndex(d.properties.i) }) } function rotateToCountryAtIndex(i) { let d = highlightedCountries.features[i] rotationOn = false mutable globeIsUpdating = true rotate(() => { rotationOn = true mutable globeIsUpdating = false }) function rotate(cb) { // configure rotation let centroid = d3.geoCentroid(d) let currentRotate = projection.rotate() projection.rotate([-centroid[0], -centroid[1]]) let nextRotate = projection.rotate() rotateAnchor = rotateAnchor // fade out selected country, then rotate fadeOutSelectedCountry(() => { // update path locations svg.selectAll("path.rotate") .transition() .attrTween("d", function(d) { let r = d3.interpolate(currentRotate, nextRotate) return function(t) { projection.rotate(r(Math.pow(t, 0.33))) path = geoCurvePath(curve, projection) return path(d) } }) .duration(500) }) setTimeout(function() { select(i) fadeInSelectedCountry(i, cb) }, 600) } } function fadeInSelectedCountry(i, cb) { let duration = 100 let currSelectedCountry = svg.select(`#country-${i || selectedIndex}`) currSelectedCountry .transition() .duration(duration) .attr('fill', colors.active) setTimeout(() => cb ? cb() : null, duration) } function fadeOutSelectedCountry(cb) { let duration = 100 let currSelectedCountry = svg.select(`#country-${selectedIndex}`) currSelectedCountry .transition() .duration(duration) .attr('fill', colors.highlighted) setTimeout(() => cb ? cb() : null, duration) } function tick(now) { if (rotationOn) { let rotate = projection.rotate(), latOld = rotate[0], tNew = now, dt = tOld - tNew, steps = dt * 360 / tRotationDuration, latNew = ("eastward" === rotateDir) ? latOld + steps : latOld - steps rotate[0] = latNew if (latNew <= -180) { latNew = latNew + 360 } projection.rotate(rotate) path = geoCurvePath(curve, projection) svg .selectAll(".rotate") .attr("d", d => path(d)) // track country path visibility, only display target if country path is generated target .attr("transform", (d) => `translate(${projection(d3.geoCentroid(d))})`) .attr("display", (d) => !!path(d) ? "inline" : "none") tOld = tNew // handle anchoring let rotateDiff = Math.abs(latNew - rotateAnchor[0]) if (rotateDiff > 10) rotateDir = ("eastward" === rotateDir) ? "westward" : "eastward" } else { tOld = now } } // externalized helpers chart.rotateToCountryAtIndex = rotateToCountryAtIndex return chart }39:T1fd5,dynamicIcons = ({ chevronRight: (size, sizeUnit) => ({ "svg": { "viewBox": `0 0 ${size * 0.594936}${sizeUnit} ${size}${sizeUnit}`, "width": `${size * 0.594936}${sizeUnit}`, "height": `${size}${sizeUnit}`, }, "g1": { "elType": "g", "stroke": "none", "stroke-width": "1", "fill": "none", "fill-rule": "evenodd" }, "g2": { "elType": "g", "transform": `translate(-${(size * 0.594936) / 2}, -${size / 2})` }, "image": { "x": "50%", "y": "50%", "height": `${size}${sizeUnit}`, "width": `${size * 0.594936}${sizeUnit}`, "xlink:href": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAABPCAYAAAB705z2AAAAAXNSR0IArs4c6QAAAyRJREFUaAXVmUly6jAQhuN3FM5AwYIV87xgwYIq7n8Nx81zJ8JWDxIaOq5yJGSp+/t/tVUhab5+r/a3+9U4fbPdfwSZK4SYUn+YggcyENDe73ezQoblQYEO59W3vSPwQVECANg3v5qQUdksl0sO5lVK3ISSzygnOfeRj1qLz7O3HIB5ARw8OGdagASvFQDzNLFgXrJr9MJ6Iqug9vu9Zpc84eOHVGB9eC1cSMx48m5lTCKNiJi4wUJik5gQEAsPLlUX8Al8dQGfwmOdVtkFzVGJgFwrmnA4HDQCuRyjZ2LS0Qp+QAOYLGcq51FSs16vsU+1GoHU2vzjl8sFAKU7P0hshsfjIcG32+32o11IVn+MSAkwmiF6IQPre5RFQCl4EJRcQOrTxuc6jjXdi4x9XyuJ860pO9Z9wQdI7lYDlSwbF0rjsshWsmxceBHsdDppBLoxq/TJEjqfz7YFXK9XEr6zsl2tVqQAcfsK7gUJ2TOMWEcDBWF9qSQBsOaH+afji1RpTC3AIjx6Joloah2VCEi23VFJPoMHm82mtew8MLLum3UeyLurWSwW/3t/7WcHDs5ztz1Jmm9hQG215tla7+22ddrsdjssEakcbJkOR19HLN7970IvcVYUaMoEgN94rR+VL4f7H2/gMFYbHsvEhXzr3243+DwCJwffVuf9oCkXLzhg1XJedHw6nQIfCQ4Pa1wITrb93zpFttLKNGUC0Cou1STRAt0EDXgQT9BkHaN3VnJwyFICPgt4Cfhs4ACf86hkwefzeQnzIIf+6v9MB+DSrQ9acCYL/Xw+2R0J4Uz5wmqgUubLWvNDE5OCQ/AUAYs7jq58dNoo/xWZwiDkTdqSL6f7dS1pRidYrCvVSsVhj6p5E+AgIrTmWfDZbAYxY3cT1gZdoYlY+C5zaLwg2OFkbTIJGuJqYw0Zoj9rEpoE17hlFhzgqRcWoFnwyWSiEQ9zyl3H4xHBpbYcFJHJV/Os430c3zoiRb5hF0IDDSTumnxkishY8yJ4/985M+CuixK8KWjcFID6k+AgAMsGxQxbk44jJAdvGhwEIOCwdHAcRZpsvwEg3dcBwFzcNAAAAABJRU5ErkJggg==" } }), chevronLeft: (size, sizeUnit) => ({ "svg": { "viewBox": `0 0 ${size * 0.594936}${sizeUnit} ${size}${sizeUnit}`, "width": `${size * 0.594936}${sizeUnit}`, "height": `${size}${sizeUnit}`, }, "g1": { "elType": "g", "stroke": "none", "stroke-width": "1", "fill": "none", "fill-rule": "evenodd" }, "g2": { "elType": "g", "transform": `translate(-${(size * 0.594936) / 2}, -${size / 2})` }, "image": { "x": "50%", "y": "50%", "height": `${size}${sizeUnit}`, "width": `${size * 0.594936}${sizeUnit}`, "xlink:href": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAABRCAYAAABL5F9nAAAAAXNSR0IArs4c6QAAA69JREFUaAXN2l1LKkEYB3Dro/QVhKgukiKDghBKsYvIIiqJiLQuygItSiQseruJ6MWgoqDoBS+KXggFL/wIfZKu9swjz3pWnJntoMf9D8jajrq/+c+Q4+y4XMDl+PjYAOb9pYVCIYKWHm1tbZjo09PTMtLE0vHq6goLfHd3J4V2d3fjQJ+enoz29nYpdHR0FAe6vb0tRVLXn5yc4EAPDg6U0IeHBxzoxcWFFNrf34+DFN3rWlxclEKpDqq8vr5WQYPBoFEsFrES5dQqsHDdTsiBgYEKpDhlTE1N4aW5urpaBSUsNQKxVGHT6TQWdn5+vgopkjTP4YTKyZmwiuPZ2Rn9DVUqgEJW+tvr9eJAn5+fDZ4lSbG1xNlUy5sV79UlV9P1mhUX/OfTb29vZpLS9768vEjPN/zk/f29CZUeM5mMLu3GeWXf9eLqZfTn5ycGlCIZGhoqw6xIer63t4cD5UmIFLuxsYEB3d3dlQLNZAuFAgZUgKgosbOzsxjQnZ0dJZIa0NPTgwE9OjrSQicmJjCg1O+dnZ1K7NraGgY0m80qkZaxS+1xvnR0dCixc3NzGIlSTEtLS0qoqDbe398xsF9fX1ro7e0tBpQHnxK7tbWFAaWfHDybl2J5NYXb4+Bhc3NTCqTxSY+uri6MRBOJhBbKYAej5Ev7fD4tdHh4GCNRu66HSVRAmn9+frRdK+al2vqGVvKavXQYHB4eYnS/mcjCwoIUKurN8+ZLMY7j4+MmTHqEumNCkcXjcSlUVJXO83wWI11WaMF9fX1Uj1N0U0KhNHjI4IAJZfe4vr7GSPnj48MYHBy0BUPFG41GtWC+lQll1oL55gYGmBbebBaHMcauNa7W1lZtwlA/HhmuBSeTSZyU6R6rQGsfKysrOGC7eQQ3xjqCnH0eDoe16RI4n8/jJMwJKtFwM7VUKqXEWhrj7DCwXt3j8diBrS93/jn/y1Kic7kc1eEUXvVWgh8fH7HAsVhMiRWxGpFIBAs8NjamBRMaZzwIyeTkpBYMN49Q7dbkZI39/X2shPnGiDJl3iOLMyoCgYASa6aMoxWS3yz+3dzc4AwLv99vm/D6+joO2NLtSvjIyAgUmIaoEkt1l5eXOOCZmRkt1tIYapjzZXp62hYMtRNEt6tOxFlqDNRO+uXlZduEW1pa6DUY5Td33ulXSU072P5DU5UJ9vb2utCw1H4luG7b++qVsti0Vq+Paszn0PowJ1w+0tc14jAoJ3J+fm58f3+7xMK2y+12N/0B+LI2Jfux+eEAAAAASUVORK5CYII=" } }), dotFilled: (size, sizeUnit) => ({ "svg": { "viewBox": "0 0 83 84", "height": `${size}${sizeUnit}`, "width": `${size * 0.988095}${sizeUnit}` }, "image": { "x": "18", "y": "19", "height": `${size}${sizeUnit}`, "width": `${size * 0.988095}${sizeUnit}`, "xlink:href": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFMAAABUCAYAAAD+twu4AAAAAXNSR0IArs4c6QAAAt9JREFUeAHt2etawyAMBuDNx/u/ZR11mUAT4ONQWvr5p+WQFN6Fberzce6fH295z/e99EnbmzL39kwLEqQakVPs4xSLeOm1QAr+9L3MWEAPOAHUrjP2tK3jyAePRpwOexTmDEjBPWqPj9EPmokomP516H5HJT8bog8q99333j3ha6VXgBRQd+1m0C3Re3VXgxTULg5dkrxWdFVEwXTXZovmBItAdkH98rNU3K9QkRXb1kNqK/MOiLBNa2XqL9EavXDBfIP7hh8A5r/0dFZm+uWDigd5X4ASp9d4udEip9LKvDNk8StfilmccNGJRcVUglmUaFFEaFslmFDChSdniyr3xppNsDCetTXTzBx4ZSKkxWn8UYTH3AZLjaiFRswUGThmHXNVHsx9h+mBX9B4756QWBl8DONjTkgMMpjtYxIyoMEbPiYezYhAQM47qzJggRubIysTdrMDiGnbwCPEhMnsAGLaNsjI9plDTITMnssPINumbsSJ8mtRnV0c9eQxj0ka2sRswItDiRmLNLSJ2YAXhxIzFmlo89O8AS8OZWXGIvVtfjWqt9tHsjL3JtU9xKym2wc6zO2X9P0Qe1ABViYqlphPzAQOOiSYPOqonDJfMJUhdqECxETF9PnbyfYxedR1qOJeH7M4iBN1AWLqLkjv50THmJ8BJBvn/gnEmHRpELAqkf+xLEMN/FiZZWjarADSTbAwdxO1bOwLBXJoPO6hl7RUN6syJYjXvYAK6aaZA14OVuc/RtIrOfifY7sjaqb4eMyjikk0s4WXnRAlv2t1FjmhlVmUNHoBbtOsxblThRYbFU80ymt1VMgHPeaG6ZLdEKQTgAMUthWrs8qlKkgBdV2roFabVAcuCtrk0RS8GGizRXMCA9R1X+XYdzPoluiCqN333j1hAvUs1Tpsz8MSnxB1+F6HPyCBeuR76iH7POQhCdBRR3/KvqY8NIPrD2vV69Ys/bJ+15Z7P/7Q+186TjaFbcJd9AAAAABJRU5ErkJggg==" } }), dotUnfilled: (size, sizeUnit) => ({ "svg": { "viewBox": "0 0 84 88", "height": `${size}${sizeUnit}`, "width": `${size * 0.954545}${sizeUnit}`, "cursor": "pointer" }, "image": { "x": "18", "y": "21", "height": `${size}${sizeUnit}`, "width": `${size * 0.954545}${sizeUnit}`, "xlink:href": "data:image/png;base64,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" } }) })3a:Tf377,staticIcons = ({ bracketDesktop: ``, bracketMobile: ``, mail: ``, facebook: ``, twitter: ``, externalLink: `` })3b:[{"id":"20f3e674a9bb84d865878411abef878ba219665936dc487d4a4392c049be5417357991125b64cf9b52143a0195192c328b8c2bfdaa692f205eb16108a16758e9","href":"https://static.observableusercontent.com/files/20f3e674a9bb84d865878411abef878ba219665936dc487d4a4392c049be5417357991125b64cf9b52143a0195192c328b8c2bfdaa692f205eb16108a16758e9","name":"data@7.json","type":"application/json","lastModified":1601068939542.214,"size":2876},{"id":"ace33ef6f93b9c67595ebc99f98a9ec8c738ba0f2030f7a7236577c70a7b22626c639f56fac8b076b6026bc8ce60ddd276ec731119b84359bfc2540b22aa0ead","href":"https://static.observableusercontent.com/files/ace33ef6f93b9c67595ebc99f98a9ec8c738ba0f2030f7a7236577c70a7b22626c639f56fac8b076b6026bc8ce60ddd276ec731119b84359bfc2540b22aa0ead","name":"data@8.json","type":"application/json","lastModified":1601324044226.603,"size":2872},{"id":"254a99fef9cfdc739794cf276a25ffce226b9d17d64789497bbed4935f1fda7d621149894d3a06e546f0e5c53beda2580db0166433ff2fac65397af1aa3627ea","href":"https://static.observableusercontent.com/files/254a99fef9cfdc739794cf276a25ffce226b9d17d64789497bbed4935f1fda7d621149894d3a06e546f0e5c53beda2580db0166433ff2fac65397af1aa3627ea","name":"world.json","type":"application/json","lastModified":1601403033734.542,"size":756420},{"id":"75671899c5586710593c96f6ed7a89fb636cc60cbb7303c47ed9d6472ee16e3443b5142accedd476b6dee9a978a6f2e4408f17b8472a3a2df253f098f8fc386d","href":"https://static.observableusercontent.com/files/75671899c5586710593c96f6ed7a89fb636cc60cbb7303c47ed9d6472ee16e3443b5142accedd476b6dee9a978a6f2e4408f17b8472a3a2df253f098f8fc386d","name":"data@9.json","type":"application/json","lastModified":1601406719397.863,"size":2970},{"id":"1ad6414e2dea3f7b9deaf0d5408e89afd03da3efc46e6c8964532248aad2e28ee3c3d4776a12cfdbc0baa80c3a031b81698aba669bce5eccfc881381b859398d","href":"https://static.observableusercontent.com/files/1ad6414e2dea3f7b9deaf0d5408e89afd03da3efc46e6c8964532248aad2e28ee3c3d4776a12cfdbc0baa80c3a031b81698aba669bce5eccfc881381b859398d","name":"data@11.json","type":"application/json","lastModified":1601415148396.391,"size":2916},{"id":"5ecd66f3653f9c69a96663e4255c38c22c585cde34be608ed2c2890a73a56892fa406f240841d42adf1d291bc91fd28afafb6b6f485b3843487a64f570725d40","href":"https://static.observableusercontent.com/files/5ecd66f3653f9c69a96663e4255c38c22c585cde34be608ed2c2890a73a56892fa406f240841d42adf1d291bc91fd28afafb6b6f485b3843487a64f570725d40","name":"data@12.json","type":"application/json","lastModified":1601575477384.961,"size":2841},{"id":"65f52e8e576d7e638648bf6406905765e4e4d2c4adf8fe2fea71fee5389e1382a6d7f579fbe096141c709fbb5e506bc5841da0e8ddfb946d579de6bd9982d35c","href":"https://static.observableusercontent.com/files/65f52e8e576d7e638648bf6406905765e4e4d2c4adf8fe2fea71fee5389e1382a6d7f579fbe096141c709fbb5e506bc5841da0e8ddfb946d579de6bd9982d35c","name":"data@13.json","type":"application/json","lastModified":1601576119835.229,"size":2841},{"id":"be67777c9071f50f691f127b562ea4d8b7b36e550537e8ff793e64786fd06b16988efceec147d5387040001c38dd120139ea61d56d4b445f9618c7edb78274d6","href":"https://static.observableusercontent.com/files/be67777c9071f50f691f127b562ea4d8b7b36e550537e8ff793e64786fd06b16988efceec147d5387040001c38dd120139ea61d56d4b445f9618c7edb78274d6","name":"data-without-india.json","type":"application/json","lastModified":1658246246436.849,"size":2409}] 31:{"id":"145d743806e940c5","slug":"emc-grants-mapped-to-globe","title":"EMC - Grants mapped to globe","thumbnail":"1183afab03d4da53f5c9cd73d4ce27bad8a46dbc2943bf19861ccf0b7a8d0b9e","access_level":"public","create_time":"$D2020-08-21T14:57:17.985Z","update_time":"$D2022-07-19T15:57:59.167Z","view_time":null,"first_public_time":"$D2020-08-21T18:56:02.274Z","has_unpublished_edits":null,"fork":false,"stars":4,"starred":false,"owner":{"type":"team","id":"c53761f873c0cf85","login":"bradysheridan","name":"Brady Sheridan","avatar_url":"https://avatars-next.observableusercontent.com/eba47f1e12636c97c2b31113a48adef698955cf2d0a1a2f3b8e79dce27f9187f","tier":"starter_2024"},"version":3120,"publish_version":3120,"role":null,"authored":false,"authors":[{"type":"individual","id":"c6be94d5fe1da32d","login":"bradysheridan","name":"Brady Sheridan","avatar_url":"https://avatars-next.observableusercontent.com/5b3e4179948ad2f4395b85f96ea1b025e38d654f49ee7cf2e171f012f03a484c","tier":null}],"members":[{"type":"individual","id":"c6be94d5fe1da32d","login":"bradysheridan","name":"Brady Sheridan","avatar_url":"https://avatars-next.observableusercontent.com/5b3e4179948ad2f4395b85f96ea1b025e38d654f49ee7cf2e171f012f03a484c","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":{"id":"7e892f35c6fb6e8c","slug":"every-mother-counts","title":"Every Mother Counts","owner":{"id":"c53761f873c0cf85","login":"bradysheridan","name":"Brady Sheridan"}},"type":"notebook","body":{"title":"EMC - Grants mapped to globe","cells":[{"id":0,"value":"md`# EMC - Grants mapped to globe`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1181,"value":"md `### Globe`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":23,"value":"viewof minArea = {\n const form = html``;\n form.i.oninput = () => {\n form.value = Math.pow(10, 2 - form.i.valueAsNumber);\n form.o.value = `${form.value.toFixed(2)} min. area`;\n };\n form.i.oninput();\n return form;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1188,"value":"md `### Video preview`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":186,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1192,"value":"md `### Top line info`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":515,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2824,"value":"md `### Dynamic styles`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2774,"value":"dynamicStyles = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1227,"value":"md `### State variables`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":39,"value":"mutable selectedCountry = data.countries[0]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":376,"value":"mutable selectedIndex = 0","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1834,"value":"mutable globeIsUpdating = false","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1944,"value":"md `### Chart instances`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1941,"value":"leGlobe = globeChart()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1951,"value":"chevronLeft = chevronChart()\n .direction(\"previous\")\n .size(width > 930 ? 44 : 26)\n .sizeUnit('px')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1955,"value":"chevronRight = chevronChart()\n .direction(\"next\")\n .size(width > 930 ? 44 : 26)\n .sizeUnit('px')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1957,"value":"circles = circlesChart()\n .size(width > 930 ? 42 : 30)\n .sizeUnit('px')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1760,"value":"md `### Chart generators`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1764,"value":"$36","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1694,"value":"$37","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1441,"value":"$38","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1223,"value":"md `### Helpers`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2728,"value":"function prev() {\n let newIndex\n if (selectedIndex === 0) newIndex = data.countries.length - 1\n else newIndex = selectedIndex - 1\n leGlobe.rotateToCountryAtIndex(newIndex)\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2733,"value":"function next() {\n let newIndex\n if (selectedIndex === data.countries.length - 1) newIndex = 0\n else newIndex = selectedIndex + 1\n leGlobe.rotateToCountryAtIndex(newIndex)\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":305,"value":"function select(i, cb) {\n mutable selectedIndex = i\n mutable selectedCountry = data.countries[i]\n if (cb) cb()\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":981,"value":"function renderIcon(attributes, order, base) {\n let len = order.length,\n i = 0\n \n // set up base\n let baseLayer = base ? base : d3.create(order[i])\n tackOnAttributes(baseLayer, attributes[order[i]])\n i += 1\n \n let prevLayer = baseLayer\n\n // add nested layers\n for (i; i < len; i++) {\n let elType = attributes[order[i]].elType\n prevLayer = prevLayer.append(elType ? elType : order[i])\n tackOnAttributes(prevLayer, attributes[order[i]])\n }\n \n return baseLayer\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":956,"value":"function tackOnAttributes(s, o) {\n Object.keys(o).forEach(k => \"elType\" === k ? null : s.attr(k, o[k]))\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2459,"value":"function getVideoShareLink(type) {\n let vimeoCode = data.video[selectedCountry]\n\n switch (type) {\n case \"facebook\":\n return `https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fvimeo.com%2F${vimeoCode}%20`;\n case \"twitter\":\n return `https://twitter.com/intent/tweet?url=https%3A%2F%2Fvimeo.com%2F${vimeoCode}%20&text=`;\n case \"mail\":\n return `mailto:?subject=&body=https%3A%2F%2Fvimeo.com%2F${vimeoCode}`;\n default:\n return \"#\";\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1196,"value":"md `### Data & configuration variables`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"colors = ({\n sea: \"#A99588\",\n land: \"#EEDBBE\",\n highlighted: \"#F8E9D3\",\n active: \"#F79354\",\n onHover: \"#FFBA8F\",\n dotFillUnselected: \"#B2999D\",\n dotFillSelected: \"#412A2E\",\n dotStroke: \"#B2999D\",\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":259,"value":"data = FileAttachment(\"data-without-india.json\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2902,"value":"world = FileAttachment(\"world.json\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":33,"value":"land = {\n let topology = world;\n topology = topojson.presimplify(topology);\n topology = topojson.simplify(topology, minArea);\n return topojson.feature(topology, topology.objects.land);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":21,"value":"highlightedCountries = {\n let topology = world\n topology = topojson.presimplify(topology)\n topology = topojson.simplify(topology, minArea)\n \n // get geojson features for all countries\n let featureCollection = topojson.feature(topology, topology.objects.countries)\n \n // cache location of each highlighted country in full features array\n let indexMap = {}\n featureCollection.features.forEach((d, i) => {\n if (data.countries.indexOf(d.properties.name) >= 0)\n indexMap[d.properties.name] = i\n })\n \n // get just highlighted countries, retaining order specified in data.countries\n featureCollection.features = data.countries.map(name => featureCollection.features[indexMap[name]])\n featureCollection.features.forEach((o, i) => o.properties.i = i)\n return featureCollection\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":941,"value":"$39","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2619,"value":"$3a","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1233,"value":"md `### Imports`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":35,"value":"topojson = require(\"topojson@3\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"d3 = require(\"d3@5\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"import {geoCurvePath} from \"@d3/context-to-curve\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2704,"value":"Hammer = require('hammerjs@2.0.8')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W3b","stdlib":"1","titling":"auto"}} 32:"$31:body"