2d:null 2e:["$","title",null,{"children":"International migrant stock, total | Arielle Martinez | Observable"}] 33:T7ef,map = { const container = html`

`; yield container; const map = L.map(container).setView([0, 0], 2); L.tileLayer("https://{s}.basemaps.cartocdn.com/rastertiles/light_nolabels/{z}/{x}/{y}.png", { attribution: "Imagery © Carto, Boundaries © Natural Earth, Data © World Bank" }).addTo(map); countries.features.forEach(function (item) { item.properties.value = isNaN(dataHash[item.properties.adm0_a3]) ? "No data available" : dataHash[item.properties.adm0_a3] }); function getColor(d) { return d > 40000000 ? '#006D2C' : d > 30000000 ? '#2CA25F' : d > 20000000 ? '#66C2A4' : d > 10000000 ? '#B2E2E2' : d >= 0 ? '#EDF8FB' : '#9BAAAA'; } function style(feature) { return { fillColor: getColor(feature.properties.value), weight: 1, opacity: 1, color: 'white', fillOpacity: 0.7 }; } var geojson = L.geoJson(countries, {style: style}).addTo(map); geojson.eachLayer(function (layer) { layer.bindPopup("Country: " + layer.feature.properties.name + "
International migrant stock, total: " + layer.feature.properties.value); }); var legend = L.control({position: 'bottomright'}); legend.onAdd = function (map) { var div = L.DomUtil.create('div', 'info legend'), grades = [0, 10000000, 20000000, 30000000, 40000000], labels = [], from, to; for (var i = 0; i < grades.length; i++) { from = grades[i]; to = grades[i + 1]; labels.push( ' ' + (to ? from + '–' + to : from + '+')); } div.innerHTML = "

International migrant stock, total

" + labels.join('
'); return div; }; legend.addTo(map); }34:[{"id":"5c95be1e20e0b6b396ea76dbeab64c9d1d1486dad2f880b77f7785950e98ca751473f826af9329e94c1d144997c1de841baa044dde918c004b35984d77406f25","href":"https://static.observableusercontent.com/files/5c95be1e20e0b6b396ea76dbeab64c9d1d1486dad2f880b77f7785950e98ca751473f826af9329e94c1d144997c1de841baa044dde918c004b35984d77406f25","name":"countries.geojson","type":"application/geo+json","lastModified":1585086087710.044,"size":12898192}] 31:{"id":"e4beca9610c4bd1e","slug":"international-migrant-stock-total","title":"International migrant stock, total","thumbnail":"c046e6ed817fe6a6f8c7431712150d4cb4f0ec366d9446effcf43c0cf5e8d3b1","access_level":"public","create_time":"$D2020-03-24T21:41:27.710Z","update_time":"$D2020-03-25T00:40:09.217Z","view_time":null,"first_public_time":"$D2020-03-24T21:47:35.757Z","has_unpublished_edits":null,"fork":{"id":"8ba1a111a517e8c1","slug":"international-migrant-stock-of-population","title":"International migrant stock (% of population)","owner":{"id":"c210150146e39672","login":"ariellemartinez","name":"Arielle Martinez"}},"stars":0,"starred":false,"owner":{"type":"team","id":"c210150146e39672","login":"ariellemartinez","name":"Arielle Martinez","avatar_url":"https://avatars-next.observableusercontent.com/3b32035f08d9a3b9e917c09b386a00aded75b4f444a2492b908d9197ee06c772","tier":"starter_2024"},"version":176,"publish_version":176,"role":null,"authored":false,"authors":[{"type":"individual","id":"0c4cc4eb9fef370f","login":"ariellemartinez","name":"Arielle Martinez","avatar_url":"https://avatars-next.observableusercontent.com/3b32035f08d9a3b9e917c09b386a00aded75b4f444a2492b908d9197ee06c772","tier":null}],"members":[{"type":"individual","id":"0c4cc4eb9fef370f","login":"ariellemartinez","name":"Arielle Martinez","avatar_url":"https://avatars-next.observableusercontent.com/3b32035f08d9a3b9e917c09b386a00aded75b4f444a2492b908d9197ee06c772","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"International migrant stock, total","cells":[{"id":0,"value":"md`# International migrant stock, total`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":51,"value":"d3 = require('d3')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2,"value":"L = {\n const L = await require(\"leaflet@1/dist/leaflet.js\");\n if (!L._style) {\n const href = await require.resolve(\"leaflet@1/dist/leaflet.css\");\n document.head.appendChild(L._style = html``);\n }\n return L;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":28,"value":"attachment = FileAttachment(\"countries.geojson\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":35,"value":"text = attachment.text()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":45,"value":"countries = JSON.parse(text)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":82,"value":"fetchedData = d3.json(\"https://api.worldbank.org/v2/country/all/indicator/SM.POP.TOTL?format=json&mrnev=1&per_page=300\");","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":85,"value":"data = fetchedData[1];","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":88,"value":"dataHash = data.reduce(function (hash, item) {\n if (item.countryiso3code) {\n hash[item.countryiso3code] = isNaN(item.value) ? null : item.value\n }\n return hash\n }, {})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":132,"value":"html``","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"$33","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W34","stdlib":"1","titling":"auto"}} 32:"$31:body"