31:T637,world_map_statfor = function (projection, c, opts) { const svg = d3.select(c); const path = d3.geoPath(projection); if (opts.clip) { var defs = svg.append("defs"); defs.append("path").datum(opts.clip).attr("id", "clipOpt").attr("d", path); defs .append("clipPath") .attr("id", "clip") .append("use") .attr("xlink:href", "#clipOpt"); } svg .append("path") .datum({ type: "Sphere" }) .attr("stroke", world_stroke_col) .attr("fill", opts.background_col || "#fefef2"); if (opts.show_graticule) { svg .append("path") .datum(graticule) .attr("stroke", "black") .attr("stroke-width", 0.2) .attr("fill", "none"); } // Countries svg .append("g") .selectAll("path") .data(countries.features) .join("path") .attr("class", "country") .attr("stroke", border_col) .attr("stroke-width", 0.6) .attr("fill", (d, i) => fill(d, i)) .attr("d", path) .append("title") .text((d, i) => `id=${d.id}`); svg .append("g") .selectAll("path") .data(topojson.feature(russia_eu, russia_eu.objects.Europe).features) .join("path") .attr("class", "country") .attr("stroke", border_col) .attr("stroke-width", 0.3) // make it thinner than countries borders to avoid darker lines .attr("fill", other_europe_col) .attr("d", path) .append("title") .text("Russia europe"); function render() { svg.selectAll("path").attr("d", path).attr("clip-path", "url(#clip)"); } c.path = path; (c.render = render)(); return c; }32:[{"id":"1fe44f38b43b5e6ff93a11b17568b5e12185dc786c54c1799b355382d9270b42e3519281c4221457043af9ce2aa6518d97c09ed179d97179e11be3a9830e3ece","href":"https://static.observableusercontent.com/files/1fe44f38b43b5e6ff93a11b17568b5e12185dc786c54c1799b355382d9270b42e3519281c4221457043af9ce2aa6518d97c09ed179d97179e11be3a9830e3ece","name":"russia_europe.topo.json","type":"application/json","lastModified":1642786405608.124,"size":311445}] 2f:{"title":"World map for Aviation flows (according to STATFOR)","cells":[{"id":0,"value":"# World map for Aviation flows (according to STATFOR)\nDrag with your mouse to rotate the land masses and customize further with the inputs [below](#customization).","pinned":false,"hidden":false,"mode":"md"},{"id":77,"value":"viewof projection","pinned":false,"hidden":false,"mode":"ojs"},{"id":401,"value":"viewof λφγ = {\n const form = html``;\n form.oninput = () =>\n (form.value = {\n λ: (form.aout.value = form.ain.valueAsNumber),\n φ: (form.bout.value = form.bin.valueAsNumber),\n γ: (form.cout.value = form.cin.valueAsNumber)\n });\n form.oninput(); // Set the initial value.\n return form;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":20,"value":"map(projection, {\n svg: true,\n rotate: rot,\n inertia: false,\n show_graticule: show_graticule,\n background_col: background_col,\n clip: { type: \"Sphere\" }\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":125,"value":"md`------\n## Customization`","pinned":false,"hidden":false,"mode":"ojs"},{"id":284,"value":"viewof show_graticule","pinned":false,"hidden":false,"mode":"ojs"},{"id":308,"value":"viewof show_antarctica = Inputs.toggle({\n label: \"show Antartica\",\n value: false\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":121,"value":"viewof background_col","pinned":false,"hidden":false,"mode":"ojs"},{"id":136,"value":"viewof world_stroke_col","pinned":false,"hidden":false,"mode":"ojs"},{"id":391,"value":"viewof border_col = Inputs.color({\n label: \"Country border color\",\n value: d3.rgb(255, 255, 255).formatHex()\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":140,"value":"md`### Region colors`","pinned":false,"hidden":false,"mode":"ojs"},{"id":143,"value":"viewof middle_east_col = Inputs.color({\n label: \"Middle-East\",\n value: d3.rgb(160, 209, 114).formatHex()\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":147,"value":"viewof other_europe_col = Inputs.color({\n label: \"Other Europe\",\n value: d3.rgb(48, 134, 170).formatHex()\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":151,"value":"viewof ecac_col = Inputs.color({\n label: \"Europe (ECAC)\",\n value: \"#28b5c8\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":155,"value":"viewof north_africa_col = Inputs.color({\n label: \"North-Africa\",\n value: d3.rgb(249, 154, 89).formatHex()\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":159,"value":"viewof southern_africa_col = Inputs.color({\n label: \"Southern Africa\",\n value: d3.rgb(254, 197, 88).formatHex()\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":163,"value":"viewof asia_pacific_col = Inputs.color({\n label: \"Asia/Pacific\",\n value: d3.rgb(209, 209, 209).formatHex()\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":167,"value":"viewof north_atlantic_col = Inputs.color({\n label: \"North-Atlantic\",\n value: d3.rgb(233, 169, 159).formatHex()\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":171,"value":"viewof mid_atlantic_col = Inputs.color({\n label: \"Mid-Atlantic\",\n value: d3.rgb(187, 77, 161).formatHex()\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":175,"value":"viewof south_atlantic_col = Inputs.color({\n label: \"South-Atlantic\",\n value: d3.rgb(216, 44, 91).formatHex()\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":179,"value":"md`------\n_Tech zone_`","pinned":false,"hidden":false,"mode":"ojs"},{"id":404,"value":"rot = {\n const { λ, φ, γ } = λφγ;\n return [λ, φ, γ];\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":24,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":44,"value":"fill_statfor = function (d, i) {\n // make Antartica white\n if (d.id == 10) {\n return d3.rgb(\"white\");\n } else if (asia_pacific.includes(d.id)) {\n return asia_pacific_col;\n } else if (ecac.includes(d.id)) {\n return ecac_col;\n } else if (middle_east.includes(d.id)) {\n return middle_east_col;\n } else if (mid_atlantic.includes(d.id)) {\n return mid_atlantic_col;\n } else if (north_atlantic.includes(d.id)) {\n return north_atlantic_col;\n } else if (other_europe.includes(d.id)) {\n return other_europe_col;\n } else if (north_africa.includes(d.id)) {\n return north_africa_col;\n } else if (south_atlantic.includes(d.id)) {\n return south_atlantic_col;\n } else if (southern_africa.includes(d.id)) {\n return southern_africa_col;\n }\n\n return d3.rgb(\"black\");\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":60,"value":"fill = fill_statfor","pinned":false,"hidden":false,"mode":"ojs"},{"id":203,"value":"asia_pacific = [\n \"004\",\n \"010\",\n \"036\",\n \"050\",\n \"064\",\n \"090\",\n \"096\",\n \"104\",\n \"116\",\n \"144\",\n \"156\",\n \"158\",\n \"242\",\n \"356\",\n \"360\",\n \"392\",\n \"398\",\n \"408\",\n \"410\",\n \"417\",\n \"418\",\n \"458\",\n \"496\",\n \"524\",\n \"540\",\n \"548\",\n \"554\",\n \"586\",\n \"598\",\n \"608\",\n \"626\",\n \"643\", // Russia\n \"704\",\n \"762\",\n \"764\",\n \"795\",\n \"860\"\n]","pinned":false,"hidden":false,"mode":"ojs"},{"id":207,"value":"ecac = [\n \"-2\",\n \"-1\",\n \"008\",\n \"031\",\n \"040\",\n \"051\",\n \"056\",\n \"070\",\n \"100\",\n \"112\",\n \"191\",\n \"196\",\n \"203\",\n \"208\",\n \"233\",\n \"246\",\n \"250\",\n \"260\",\n \"268\",\n \"276\",\n \"300\",\n \"348\",\n \"352\",\n \"372\",\n \"380\",\n \"428\",\n \"440\",\n \"442\",\n \"498\",\n \"499\",\n \"528\",\n \"578\",\n \"616\",\n \"620\",\n \"642\",\n \"688\",\n \"703\",\n \"705\",\n \"724\",\n \"752\",\n \"756\",\n \"792\",\n \"804\",\n \"807\",\n \"826\"\n]","pinned":false,"hidden":false,"mode":"ojs"},{"id":215,"value":"mid_atlantic = [\n \"044\",\n \"084\",\n \"188\",\n \"192\",\n \"214\",\n \"222\",\n \"320\",\n \"332\",\n \"340\",\n \"388\",\n \"484\",\n \"558\",\n \"591\",\n \"630\",\n \"780\"\n]","pinned":false,"hidden":false,"mode":"ojs"},{"id":211,"value":"middle_east = [\n \"275\",\n \"364\",\n \"368\",\n \"376\",\n \"400\",\n \"414\",\n \"422\",\n \"512\",\n \"634\",\n \"682\",\n \"760\",\n \"784\",\n \"887\"\n]","pinned":false,"hidden":false,"mode":"ojs"},{"id":190,"value":"north_africa = [\"012\", \"434\", \"504\", \"788\", \"818\"]","pinned":false,"hidden":false,"mode":"ojs"},{"id":197,"value":"north_atlantic = [\"124\", \"840\"]","pinned":false,"hidden":false,"mode":"ojs"},{"id":194,"value":"other_europe = [\"304\"]","pinned":false,"hidden":false,"mode":"ojs"},{"id":182,"value":"southern_africa = [\n \"-3\",\n \"024\",\n \"072\",\n \"108\",\n \"120\",\n \"140\",\n \"148\",\n \"178\",\n \"180\",\n \"204\",\n \"226\",\n \"231\",\n \"232\",\n \"262\",\n \"266\",\n \"270\",\n \"288\",\n \"324\",\n \"384\",\n \"404\",\n \"426\",\n \"430\",\n \"450\",\n \"454\",\n \"466\",\n \"478\",\n \"508\",\n \"516\",\n \"562\",\n \"566\",\n \"624\",\n \"646\",\n \"686\",\n \"694\",\n \"706\",\n \"710\",\n \"716\",\n \"728\",\n \"729\",\n \"732\",\n \"748\",\n \"768\",\n \"800\",\n \"834\",\n \"854\",\n \"894\"\n]","pinned":false,"hidden":false,"mode":"ojs"},{"id":186,"value":"south_atlantic = [\n \"032\",\n \"068\",\n \"076\",\n \"152\",\n \"170\",\n \"218\",\n \"238\",\n \"328\",\n \"600\",\n \"604\",\n \"740\",\n \"858\",\n \"862\"\n]","pinned":false,"hidden":false,"mode":"ojs"},{"id":327,"value":"countries = {\n if (show_antarctica) {\n return countries_complete;\n } else {\n return countries_without_antarctica;\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":6,"value":"import {\n countries as countries_complete,\n countries_without_antarctica,\n map,\n graticule,\n viewof background_col,\n viewof world_stroke_col,\n viewof projection,\n viewof show_graticule\n} with { world_map_statfor as mapsvg } from \"@espinielli/base-map\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":237,"value":"md`European part of Russia from https://www.efrainmaps.es/english-version/free-downloads/europe/`","pinned":false,"hidden":false,"mode":"ojs"},{"id":219,"value":"russia_eu = FileAttachment(\"russia_europe.topo.json\").json()","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}