31:T833,chart = { // const height = 600; const svg = d3.create("svg").attr("width", width).attr("height", height); svg .selectAll(".country") .data(world.features) .enter() .append("path") .attr("class", "country") .attr("d", path) .attr("fill", "#eee") .style("display", show === "show" ? "block" : "none"); svg.append("g").attr("class", "annotation-group"); const simulation = d3 .forceSimulation() .force( "x", d3.forceX((d) => projection(d.feature.centroid)[0]) ) .force( "y", d3.forceY((d) => projection(d.feature.centroid)[1]) ) .force("collide", d3.forceCollide((d) => 1 + r(d.size)).iterations(10)) .on("tick", ticked); let node = svg.append("g").selectAll("circle"); function ticked() { node.attr("transform", (d) => { return `translate(${d.x}, ${d.y})`; }); } invalidation.then(() => simulation.stop()); const center = (d) => { const [x, y] = projection(d.feature.centroid); return { x, y }; }; return Object.assign(svg.node(), { update(nodes) { const old = new Map(node.data().map((d) => [d.IMO_number, d])); nodes = nodes.map((d) => Object.assign(old.get(d.IMO_number) || center(d), d) ); node = node .data(nodes, (d) => d.IMO_number) .join( (enter) => enter .append("circle") .attr("class", (d) => d.flag) .attr("r", (d) => r(d.size)) .attr("fill", (d) => { return d.date >= d.endDate ? d.flag === "Comoros" || d.flag === "Palau" ? "#BA7537" : "#BA7537" : "#28889B"; }), (update) => update.attr("fill", (d) => d.date >= d.endDate ? d.flag === "Comoros" || d.flag === "Palau" ? "#BA7537" : "#BA7537" : "#28889B" ) ); simulation.nodes(nodes); simulation.alpha(1).restart(); } }); }32:T40b,style = html` `33:T52b,chartData = { const deep = _.cloneDeep(dateToPlot); deep.map(d => { d.size = 2000000; if (d.flag.indexOf("China, People's Republic Of") == 0) { d.flag = "China"; } if (d.flag.indexOf("St Vincent & The Grenadines") == 0) { d.flag = "St. Vin. and Gren."; } if (d.flag.indexOf("Korea, South") == 0) { d.flag = "South Korea"; } if (d.flag.indexOf("United States Of America") == 0) { d.flag = "United States of America"; } if (d.flag.indexOf("Norway (Nis)") == 0) { d.flag = "Norway"; } if (d.flag.indexOf("Cook Islands") == 0) { d.flag = "Cook Is."; } if (d.flag.indexOf("Marshall Islands") == 0) { d.flag = "Marshall Is."; } if (d.flag.indexOf("Hong Kong, China") == 0) { d.flag = "Hong Kong"; } if (d.flag.indexOf("St Kitts & Nevis") == 0) { d.flag = "St. Kitts and Nevis"; } if (d.flag.indexOf("Cayman Islands") == 0) { d.flag = "Cayman Is."; } if (d.flag.indexOf("Portugal (Mar)") == 0) { d.flag = "Portugal"; } if (d.flag.indexOf("Isle Of Man") == 0) { d.flag = "Isle of Man"; } d.feature = world.features.find(k => k.properties.name === d.flag); // d.feature === undefined ? d }); return deep.filter(d => d.feature != undefined); }34:[{"id":"d5a81254d3d14a9d5bd609e3f0af8da2d732067ce1a75329e3cd940debc6aed05c26eddf36b8408e438e2a0b9ac96fad9d297227d24525128f7aa98b67f0ccfa","href":"https://static.observableusercontent.com/files/d5a81254d3d14a9d5bd609e3f0af8da2d732067ce1a75329e3cd940debc6aed05c26eddf36b8408e438e2a0b9ac96fad9d297227d24525128f7aa98b67f0ccfa","name":"Screen Shot 2021-05-13 at 12.43.21 PM.png","type":"image/png","lastModified":1620935019437.656,"size":36377},{"id":"89c96a82c8ce7f18aebb30aa7331ac98662447fc592e62060d02767827c27593676580509cf116ba3fb77fe405284832222da7b8df817a205acfc68a451a635c","href":"https://static.observableusercontent.com/files/89c96a82c8ce7f18aebb30aa7331ac98662447fc592e62060d02767827c27593676580509cf116ba3fb77fe405284832222da7b8df817a205acfc68a451a635c","name":"untitled (15).png","type":"image/png","lastModified":1620939920037.841,"size":37069},{"id":"8129bfd93c14f5843f202402cbdf41d6f4fb4e45a48202a35d96b3ab21415086313dd80ca1ae97063e3eb6eb4fb5722158cbf50dc08e89c9fd3bba8b9f486047","href":"https://static.observableusercontent.com/files/8129bfd93c14f5843f202402cbdf41d6f4fb4e45a48202a35d96b3ab21415086313dd80ca1ae97063e3eb6eb4fb5722158cbf50dc08e89c9fd3bba8b9f486047","name":"filledDates.json","type":"application/json","lastModified":1620164367968.012,"size":11723859},{"id":"ba9d7223b80a5676651e488f0fd2e1afc027e96b479aabeafe70761683e67794aacc7dd7711f2cafbfc3a3b08375a6c9791f3a265c21e29ff48c23d84a04710d","href":"https://static.observableusercontent.com/files/ba9d7223b80a5676651e488f0fd2e1afc027e96b479aabeafe70761683e67794aacc7dd7711f2cafbfc3a3b08375a6c9791f3a265c21e29ff48c23d84a04710d","name":"2020 List of all ships dismantled@1.csv","type":"text/csv","lastModified":1624898884915.411,"size":117301},{"id":"ac6a1ef3e077d4c451d046cbf5a70a2c23c1da899df37d6418d6de74f2939110be3fc2f00875046ea53a2f6199ceae52f574ebbd0ff7a7976b628f503cf543e3","href":"https://static.observableusercontent.com/files/ac6a1ef3e077d4c451d046cbf5a70a2c23c1da899df37d6418d6de74f2939110be3fc2f00875046ea53a2f6199ceae52f574ebbd0ff7a7976b628f503cf543e3","name":"2019-List-of-all-ships-dismantled-all-over-the-world (1).csv","type":"text/csv","lastModified":1624899124443.007,"size":126761},{"id":"7d11ccdc9bf34b62d2ff0b63e9008331300802b658a30f2a91afe542d05b9015e79d9faaf975e5d988ba18c4a4b613e110b555f3ddab34c2c998340c14f49826","href":"https://static.observableusercontent.com/files/7d11ccdc9bf34b62d2ff0b63e9008331300802b658a30f2a91afe542d05b9015e79d9faaf975e5d988ba18c4a4b613e110b555f3ddab34c2c998340c14f49826","name":"chart (4).svg","type":"image/svg+xml","lastModified":1620937498311.8,"size":31380},{"id":"2a42554bc07ef445fcf947124c4a45d0bb92bd1cd2ed17aa6a4c312b1dde18c99b55f7cc62572b90954e453943863caab4c9a95fa97b026aeb83cef8d8365af0","href":"https://static.observableusercontent.com/files/2a42554bc07ef445fcf947124c4a45d0bb92bd1cd2ed17aa6a4c312b1dde18c99b55f7cc62572b90954e453943863caab4c9a95fa97b026aeb83cef8d8365af0","name":"untitled (4).svg","type":"image/svg+xml","lastModified":1620937272330.32,"size":1567},{"id":"27e5ab1234f8d465df53cc13fe813b7b8abe387fe6c67dc09eba13028605561a956166b6bb9d5ef7c369c95d7e18a232223d895050ef8e7c8cf948c28e743d00","href":"https://static.observableusercontent.com/files/27e5ab1234f8d465df53cc13fe813b7b8abe387fe6c67dc09eba13028605561a956166b6bb9d5ef7c369c95d7e18a232223d895050ef8e7c8cf948c28e743d00","name":"untitled (6).svg","type":"image/svg+xml","lastModified":1620939860628.296,"size":2227},{"id":"c89b7313201d1120be7e81ccce6e41a87933d933b75d98c8e1bf7b38b08f47596c90bf79fadf2ad7ebfb6316b5b722f366e87ec9cad308a953083f9593cfe77d","href":"https://static.observableusercontent.com/files/c89b7313201d1120be7e81ccce6e41a87933d933b75d98c8e1bf7b38b08f47596c90bf79fadf2ad7ebfb6316b5b722f366e87ec9cad308a953083f9593cfe77d","name":"untitled (5).svg","type":"image/svg+xml","lastModified":1620939824106.73,"size":17048},{"id":"c8c99ea0327d13dd8dd1a7ff52fb5dc528732b50e3ed8193414b70d6a25c92321e8637ea8a28a937e503bb40c310a41ad3145c3c14fcb6449131b52f1c1f9807","href":"https://static.observableusercontent.com/files/c8c99ea0327d13dd8dd1a7ff52fb5dc528732b50e3ed8193414b70d6a25c92321e8637ea8a28a937e503bb40c310a41ad3145c3c14fcb6449131b52f1c1f9807","name":"sData.json","type":"application/json","lastModified":1620961493476.747,"size":7892},{"id":"11a164989f34db4e79dd5e6a8aa1f7a998170eadb41db9f76e8693fc6a2af9f76abdd2d5e4ee7364c32e910c14fa478c6ea463927858e4db2b630a05bc38f6b1","href":"https://static.observableusercontent.com/files/11a164989f34db4e79dd5e6a8aa1f7a998170eadb41db9f76e8693fc6a2af9f76abdd2d5e4ee7364c32e910c14fa478c6ea463927858e4db2b630a05bc38f6b1","name":"deadweight@1.csv","type":"text/csv","lastModified":1624644263519.473,"size":345708},{"id":"11a164989f34db4e79dd5e6a8aa1f7a998170eadb41db9f76e8693fc6a2af9f76abdd2d5e4ee7364c32e910c14fa478c6ea463927858e4db2b630a05bc38f6b1","href":"https://static.observableusercontent.com/files/11a164989f34db4e79dd5e6a8aa1f7a998170eadb41db9f76e8693fc6a2af9f76abdd2d5e4ee7364c32e910c14fa478c6ea463927858e4db2b630a05bc38f6b1","name":"Deadweight (3).csv","type":"text/csv","lastModified":1625089896104.388,"size":345708}] 2f:{"title":"The rise of last voyage flags","cells":[{"id":0,"value":"md`# The rise of last voyage flags\nThese visualizations can be found in the Hakai Magazine.\nhttps://hakaimagazine.com/features/how-the-shipping-industry-sails-through-legal-loopholes/\n\nThanks to the authors of the various notebooks that contributed to this.\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":2248,"value":"swatches({ color: colorScale1 })","pinned":false,"hidden":false,"mode":"ojs"},{"id":2251,"value":"{\n const xy = {\n x: \"date\",\n y: \"total\",\n z: \"foc\",\n order: \"foc\",\n offset: \"expand\"\n // reverse: true\n };\n return Plot.plot({\n width: width,\n height: 480,\n y: {\n grid: true,\n label: \"↑ Container ships (%)\",\n percent: true\n },\n color: {\n range: [\"#BA7537\", \"#28889B\"],\n domain: [\"foc\", \"other\"]\n },\n marks: [\n Plot.areaY(\n byWeightSumm,\n Plot.stackY({\n ...xy,\n fill: \"foc\",\n title: (d) => `${d.format}\\n${d.foc}`\n })\n ),\n Plot.lineY(\n byWeightSumm,\n Plot.stackY2({ ...xy, stroke: \"white\", strokeWidth: 1 })\n ),\n Plot.ruleY([0, 1])\n ]\n });\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1526,"value":"md`
\nShips can change flags many times over their lifetime.\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1524,"value":"sankey","pinned":false,"hidden":false,"mode":"ojs"},{"id":1613,"value":"leg({\n color: d3.scaleSequentialSqrt([0, 30], [\"#add2da\", \"#1f5e70\"]),\n title: \"Number of ships\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1636,"value":"Plot.plot({\n width: width,\n height: 480,\n marginLeft: 160,\n padding: 0,\n x: {\n label: \"Months before break up\",\n axis: \"top\",\n reverse: true\n },\n y: {\n marginLeft: 100,\n label: null,\n marginLeft: \"50px\"\n },\n color: {\n range: barColors,\n domain: [0, 30]\n },\n marks: [\n Plot.cell(\n sData,\n\n {\n x: (d) => d.monthsTillBroke,\n y: \"flag\",\n fill: \"count\"\n }\n )\n ]\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1986,"value":"md`Location of Ships Dismanteled in 2019 and 2020`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1981,"value":"viewof mapDismanteled","pinned":false,"hidden":false,"mode":"ojs"},{"id":2614,"value":"charTitle = md`Certain countries are particularly popular for last voyage flags`","pinned":false,"hidden":false,"mode":"ojs"},{"id":2623,"value":"animationLeg = swatches({\n color: d3.scaleOrdinal([\"Current flag\", \"Final flag\"], [\"#28889B\", \"#BA7537\"])\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":2380,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":1171,"value":"viewof currentDate = {\n await Promises.delay(2000);\n await visibility();\n return Scrubber(allDates, {\n delay: 200,\n loop: false,\n format: (date) => date.toLocaleString(\"en\")\n });\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":2655,"value":"sDataTop = sData.filter((d) => {\n if (top5.includes(d.flag)) {\n return d;\n }\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":2466,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":2651,"value":"top5 = [\"Palau\", \"Panama\", \"Marshall Islands\", \"Singapore\", \"Liberia\"]","pinned":true,"hidden":false,"mode":"ojs"},{"id":1541,"value":"md`---\n## Appendix\n
\n\n
\n\n*Ignore this section*\n
\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":2386,"value":"multiples = brokenByCountryandYear","pinned":true,"hidden":false,"mode":"ojs"},{"id":2322,"value":"// bars = Plot.plot({\n// height: 160,\n// width,\n// x: {\n// label: null,\n// domain: [\n// \"Panama\",\n// \"St. Kitts and Nevis\",\n// \"Liberia\",\n// \"Togo\",\n// \"Comoros\",\n// \"Singapore\",\n\n// \"Hong Kong\",\n// \"South Korea\",\n// \"Palau\",\n\n// \"Marshall Is.\"\n// ]\n// },\n// y: {\n// label: \"↑ Last Voyage flags\",\n// grid: true\n// },\n// color: {\n// domain: [\"highlight\", \"normal\"],\n// range: [\"#93003a\", \"#dd4c65\"]\n// },\n// marks: [\n// Plot.barY(\n// barData,\n// Plot.groupX(\n// { y: \"count\" },\n// {\n// x: \"flag\",\n// fill: (d) => (highlight.includes(d.flag) ? \"highlight\" : \"normal\")\n// }\n// )\n// ),\n// Plot.ruleY([0])\n// ]\n// })\n","pinned":true,"hidden":false,"mode":"ojs"},{"id":2389,"value":"cecilieMap","pinned":true,"hidden":false,"mode":"ojs"},{"id":1919,"value":"colorScale1 = d3.scaleOrdinal(\n [\"Flags of convenience\", \"Standard flag\"],\n [\"#BA7537\", \"#28889B\"]\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1905,"value":"Plot.plot({\n y: {\n percent: true\n },\n marks: [Plot.barY(byWeightSumm, { x: \"year\", y: \"total\", fill: \"foc\" })]\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":2177,"value":"byWeightSumm","pinned":true,"hidden":false,"mode":"ojs"},{"id":1634,"value":"// data used for heat map\nsData = FileAttachment(\"sData.json\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":1178,"value":"retirement_date = \"2015-01\" // all ships retired after this date","pinned":true,"hidden":false,"mode":"ojs"},{"id":1175,"value":"start_animation_date = \"2014-11\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":1386,"value":"highlight = [\"Comoros\", \"Palau\"]","pinned":true,"hidden":false,"mode":"ojs"},{"id":1458,"value":"colorScale = [\"#9e0142\", \"rgb(225, 87, 89)\"]","pinned":true,"hidden":false,"mode":"ojs"},{"id":1340,"value":"show = \"show\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":1271,"value":"barData = {\n const temp = currData.filter(\n d => new Date(d.endDate) <= new Date(currentDate)\n );\n let top = top10(temp);\n return temp.filter(d => top.includes(d.flag));\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1270,"value":"function top10(data) {\n return d3\n .rollups(data, group => group.length, d => d.flag)\n .sort((a, b) => b[1] - a[1])\n .map(([key]) => key)\n .slice(0, 10);\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":561,"value":"allDates = [...new Set(dateToPlot.map(d => d.date))]","pinned":false,"hidden":false,"mode":"ojs"},{"id":1107,"value":"annotations = [\n {\n note: { label: \"Palau\" },\n data: { coord: [134.5825, 7.51498], shiftBy: [0, 0] },\n dy: -30,\n dx: 30\n },\n {\n note: { label: \"Comoros\" },\n data: { coord: [43.872219, -11.875001], shiftBy: [0, 0] },\n dy: 30,\n dx: 30\n },\n // ,\n // {\n // note: { label: \"Panama\" },\n // data: { coord: [-79.516670, 8.983333], shiftBy: [0, 0] },\n // dy: 30,\n // dx: -40\n // },\n {\n note: { label: \"Saint Kitts and Nevis\" },\n data: { coord: [-62.754593, 17.363747], shiftBy: [0, 0] },\n dy: -30,\n dx: 30\n }\n // {\n // note: { label: \"Marshall Is.\" },\n // data: { coord: [171.1845, 7.1315], shiftBy: [0, 0] },\n // dy: -70,\n // dx: -1\n // },\n // {\n // note: { label: \"Liberia\" },\n // data: { coord: [-10.797160, 6.300774], shiftBy: [0, 0] },\n // dy: 30,\n // dx: -40\n // }\n].map((d) => ({ ...d, color: annotationTextColor, className: \"show-bg\" }))","pinned":false,"hidden":false,"mode":"ojs"},{"id":1189,"value":"top_last_voyage_flags = [\n \"Palau\",\n \"Comoros\",\n \"Panama\",\n \"St. Kitts and Nevis\",\n \"Marshall Is.\",\n \"Liberia\",\n \"South Korea\",\n \"Singapore\",\n \"Bahamas\",\n \"Niue\",\n \"Togo\",\n \"Tuvalu\",\n \"Malta\",\n \"Hong Kong\",\n \"Sierra Leone\"\n]","pinned":false,"hidden":false,"mode":"ojs"},{"id":1130,"value":"html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":1123,"value":"callAnnotations = d3.select(\"g.annotation-group\").call(makeMyAnnotations)","pinned":true,"hidden":false,"mode":"ojs"},{"id":1117,"value":"makeMyAnnotations = {\n chart;\n return d3_svg_annotation\n .annotation()\n .type(d3_svg_annotation.annotationCalloutElbow) //annotationCalloutCircle\n .accessors({\n x: d => projection(d.coord)[0] + d.shiftBy[0],\n y: d => projection(d.coord)[1] + d.shiftBy[1]\n })\n .editMode(false)\n .annotations(annotations);\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":1109,"value":"annotationTextColor = \"#dc143c\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":1111,"value":"import { color } from \"@jashkenas/inputs\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":921,"value":"mutable debug = 1","pinned":true,"hidden":false,"mode":"ojs"},{"id":967,"value":"// debug[0].date","pinned":true,"hidden":false,"mode":"ojs"},{"id":762,"value":"update = chart.update(currData)","pinned":true,"hidden":false,"mode":"ojs"},{"id":864,"value":"currData = chartData.filter(d => +new Date(d.date) === +new Date(currentDate))","pinned":true,"hidden":false,"mode":"ojs"},{"id":2691,"value":"chartData","pinned":true,"hidden":false,"mode":"ojs"},{"id":507,"value":"colour = d3\n .scaleOrdinal()\n .domain(\n [...new Set(d3.map(chartData, d => d.flag))]\n // .sort((a, b) =>\n // d3.ascending(a, b)\n // )\n )\n .range(\n d3\n .quantize(\n d3.interpolateBlues,\n [...new Set(d3.map(chartData, d => d.flag))].length\n )\n .reverse()\n )","pinned":false,"hidden":false,"mode":"ojs"},{"id":188,"value":"md`## Data`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1924,"value":"dismantledCount = T.tidy(dismanteled, T.groupBy(\"COUNTRY\", T.count(\"COUNTRY\")))","pinned":true,"hidden":false,"mode":"ojs"},{"id":1898,"value":"dismanteled = dismantled2019.concat(dismantled2020).map((d) => {\n if (d.COUNTRY === \"China \" || d.COUNTRY === \"China \") {\n d.COUNTRY = \"China\";\n }\n return d;\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1947,"value":"dismanteled","pinned":true,"hidden":false,"mode":"ojs"},{"id":1876,"value":"dismantled2020 = FileAttachment(\"2020 List of all ships dismantled@1.csv\").csv()","pinned":true,"hidden":false,"mode":"ojs"},{"id":1887,"value":"dismantled2019 = FileAttachment(\n \"2019-List-of-all-ships-dismantled-all-over-the-world (1).csv\"\n).csv({\n typed: true\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1698,"value":"deadweight = FileAttachment(\"Deadweight (3).csv\").csv({ typed: true })","pinned":true,"hidden":false,"mode":"ojs"},{"id":570,"value":"dateToPlot = shipsEndDate.filter(\n d =>\n new Date(d.endDate) >= new Date(retirement_date) &&\n +new Date(d.date) > +new Date(start_animation_date)\n // &&\n // +new Date(d.date) < +new Date(\"2010-01\")\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":906,"value":"byWeight = {\n return T.tidy(\n deadweight,\n T.pivotLonger({\n cols: [\"-Country\", \"-SHIP TYPE\"],\n namesTo: [\"year\"],\n valuesTo: [\"val\"]\n }),\n T.filter((d) => d[\"SHIP TYPE\"] === \"Container ships\")\n ).map((d) => {\n d.val = d.val === \"..\" ? 0 : d.val;\n d.Country = d.Country.trim();\n d.year = d.year.slice(1);\n // console.log(d.Country);\n Broad_flags_of_convenience.includes(d.Country)\n ? (d.foc = \"foc\")\n : (d.foc = \"other\");\n return d;\n });\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":1853,"value":"Inputs.table","pinned":true,"hidden":false,"mode":"ojs"},{"id":1789,"value":"[\n ...new Set(\n byWeight\n .filter((d) => d.foc === \"foc\" && d.year === \"1980\")\n .map((d) => d.Country)\n )\n]","pinned":true,"hidden":false,"mode":"ojs"},{"id":1726,"value":"byWeightSumm = T.tidy(\n byWeight,\n\n T.groupBy([\"year\", \"foc\"], [T.summarize({ total: T.sum(\"val\") })]),\n T.mutate({ date: (d) => new Date(d.year) })\n)","pinned":true,"hidden":false,"mode":"ojs"},{"id":1705,"value":"T = require(\"@tidyjs/tidy@2.4.2/dist/umd/tidy.min.js\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":241,"value":"$33","pinned":false,"hidden":false,"mode":"ojs"},{"id":246,"value":"world.features.find(d => d.properties.name === \"Zimbabwe\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":14,"value":"world = {\n const topo = await d3.json(\n \"https://cdn.jsdelivr.net/npm/world-atlas@2/countries-50m.json\"\n );\n const geo = topojson.feature(topo, topo.objects.countries);\n geo.features.forEach(feature => {\n feature.centroid = centroid(feature);\n return feature;\n });\n return geo;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":221,"value":"// shipsEndDate.filter(d => d.year === 2018)","pinned":true,"hidden":false,"mode":"ojs"},{"id":231,"value":"barColors = [\"#add2da\", \"#1f5e70\"]","pinned":true,"hidden":false,"mode":"ojs"},{"id":219,"value":"ITF_flags_of_convenience = [\n \"Antigua and Barbuda\",\n \"Bahamas\",\n \"Barbados\",\n \"Belize\",\n \"Bermuda\",\n \"Bolivia\",\n \"Cambodia\",\n \"Cayman Islands\",\n \"Comoros\",\n \"Curacao\",\n \"Cyprus\",\n \"Equatorial Guinea\",\n \"Faroe Islands\",\n \"French International Ship Registry (FIS)\",\n \"German International Ship Registry (GIS)\",\n \"Georgia\",\n \"Gibraltar\",\n \"Honduras\",\n \"Jamaica\",\n \"Lebanon\",\n \"Liberia\",\n \"Malta\",\n \"Madeira\",\n \"Marshall Islands\",\n \"Mauritius\",\n \"Moldova\",\n \"Mongolia\",\n \"Myanmar\",\n \"North Korea\",\n \"Panama\",\n \"Sao Tome and Principe\",\n \"St Vincent\",\n \"Sri Lanka\",\n \"Tonga\",\n \"Vanuatu\"\n]","pinned":true,"hidden":false,"mode":"ojs"},{"id":2219,"value":"[\n ...new Set(byWeight.filter((d) => d.foc === \"other\").map((d) => d.Country))\n].filter((d) => d.includes(\"Guinea\"))","pinned":true,"hidden":false,"mode":"ojs"},{"id":2215,"value":"[...new Set(byWeight.filter((d) => d.foc === \"foc\").map((d) => d.Country))]","pinned":true,"hidden":false,"mode":"ojs"},{"id":1730,"value":"Broad_flags_of_convenience = [\n \"Denmark\",\n \"Kiribati\",\n \"Niue\",\n \"Norway\",\n \"Palau\",\n \"Portugal\",\n \"Spain\",\n \"Saint Kitts and Nevis\",\n \"United Republic of Tanzania\",\n \"Tuvalu\",\n \"French Antarctic Territory\",\n \"Isle Of Man\",\n \"Netherlands Antilles\",\n \"China, Hong Kong SAR\",\n \"Singapore\",\n \"Antigua and Barbuda\",\n \"Bahamas\",\n \"Barbados\",\n \"Belize\",\n \"Bermuda\",\n \"Bolivia\",\n \"Cambodia\",\n \"Cayman Islands\",\n \"Comoros\",\n \"Curacao\",\n \"Cyprus\",\n \"Equatorial Guinea\",\n \"Faroe Islands\",\n \"French International Ship Registry (FIS)\",\n \"German International Ship Registry (GIS)\",\n \"Georgia\",\n \"Gibraltar\",\n \"Honduras\",\n \"Jamaica\",\n \"Lebanon\",\n \"Liberia\",\n \"Malta\",\n \"Madeira\",\n \"Marshall Islands\",\n \"Mauritius\",\n \"Moldova\",\n \"Mongolia\",\n \"Myanmar\",\n \"North Korea\",\n \"Panama\",\n \"Sao Tome and Principe\",\n \"St Vincent\",\n \"Sri Lanka\",\n \"Tonga\",\n \"Vanuatu\"\n]","pinned":false,"hidden":false,"mode":"ojs"},{"id":1012,"value":"shipsEndDate = FileAttachment(\"filledDates.json\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":1087,"value":"// shipsEndDate = FileAttachment(\"dates90-10.json\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":159,"value":"md`## Generators`","pinned":false,"hidden":false,"mode":"ojs"},{"id":132,"value":"legend = legendCircle()\n .tickValues([50e6, 200e6, 500e6, 1000e6])\n .tickFormat((d, i, e) => {\n const val = d >= 1e9 ? `${d / 1e9}B` : `${d / 1e6}M`;\n const unit = i === e.length - 1 ? \" people\" : \"\";\n return `${val}${unit}`;\n })\n .scale(r);","pinned":false,"hidden":false,"mode":"ojs"},{"id":789,"value":"// chartData.filter(d => +new Date(d.date) === +new Date(currentDate))","pinned":true,"hidden":false,"mode":"ojs"},{"id":627,"value":"forceX = d => {\n\n return projection(d.feature.centroid)[0];\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":630,"value":"forceY = d => {\n return projection(d.feature.centroid)[1]\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":705,"value":"// plotData = chartData.filter(d => +new Date(d.date) === +new Date(currentDate))","pinned":true,"hidden":false,"mode":"ojs"},{"id":750,"value":"// simulation.nodes()","pinned":true,"hidden":false,"mode":"ojs"},{"id":165,"value":"md`## Dimensions`","pinned":false,"hidden":false,"mode":"ojs"},{"id":33,"value":"height = width * 0.49","pinned":true,"hidden":false,"mode":"ojs"},{"id":169,"value":"md`## Geo`","pinned":false,"hidden":false,"mode":"ojs"},{"id":173,"value":"path = d3.geoPath(projection);","pinned":true,"hidden":false,"mode":"ojs"},{"id":30,"value":"projection = d3.geoEqualEarth()\n .rotate([-10, 0, 0])\n .fitSize([width, height], { type: \"Sphere\" });","pinned":true,"hidden":false,"mode":"ojs"},{"id":183,"value":"md`## Imports`","pinned":false,"hidden":false,"mode":"ojs"},{"id":2125,"value":"import { cecilieMap } from \"e4970ee26ad6ff38\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":1978,"value":"import { viewof mapDismanteled } from \"25c507d48522c13a\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":4,"value":"d3 = require(\"d3@6\", \"d3-array@2\", \"d3-force@2\", \"d3-geo@1\", \"d3-scale@3\", \"d3-selection@1\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":651,"value":"import { Plot } from \"@observablehq/plot\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":1521,"value":"import { chart as sankey } from '7b52aad50642c28c'","pinned":true,"hidden":false,"mode":"ojs"},{"id":249,"value":"_ = require(\"lodash\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":1651,"value":"import { brokenByCountryandYear } from 'f2028122b8903c76'","pinned":true,"hidden":false,"mode":"ojs"},{"id":550,"value":"import { Scrubber } from \"@mbostock/scrubber\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":18,"value":"topojson = require(\"topojson-client@3\");","pinned":true,"hidden":false,"mode":"ojs"},{"id":113,"value":"import { legend as leg, swatches } from \"c6baa6befbd5e04a\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":130,"value":"import { legendCircle } from \"@harrystevens/circle-legend\";","pinned":true,"hidden":false,"mode":"ojs"},{"id":1769,"value":"// import { swatches } from \"@d3/color-legend\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":157,"value":"import { toc } from \"@harrystevens/toc\";","pinned":true,"hidden":false,"mode":"ojs"},{"id":1120,"value":"d3_svg_annotation = require(\"d3-svg-annotation\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":162,"value":"md`## Scales`","pinned":false,"hidden":false,"mode":"ojs"},{"id":39,"value":"r = d3\n .scaleSqrt()\n .domain([0, 1379302771])\n .range([0, Math.sqrt(width * height) / 10])","pinned":true,"hidden":false,"mode":"ojs"},{"id":180,"value":"md`## Utilities`","pinned":false,"hidden":false,"mode":"ojs"},{"id":69,"value":"// Find the centroid of the largest polygon\ncentroid = (feature) => {\n const geometry = feature.geometry;\n if (geometry.type === \"Polygon\"){\n return d3.geoCentroid(feature);\n }\n else {\n let largestPolygon = {}, largestArea = 0;\n geometry.coordinates.forEach(coordinates => {\n const polygon = { type: \"Polygon\", coordinates },\n area = d3.geoArea(polygon);\n if (area > largestArea) {\n largestPolygon = polygon;\n largestArea = area;\n }\n });\n return d3.geoCentroid(largestPolygon);\n }\n}","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W34","stdlib":"1","titling":"auto"}