2e:null 2f:["$","title",null,{"children":"Semiconductor trade flows to Taiwan | Ingrid Burrington | Observable"}] 34:T5fe,// make lines between trading partners import_paths = imports_A3 // .filter((f) => f["Commodity Code"] == selectHS) .map((m) => { if (m.ISO3 == "USA") { let end = center.filter((c) => c.properties.ISO == m.ISO3[0]); let start = center.filter((c) => c.properties.ISO == "TWN"); } let start = center.filter((c) => c.properties.ISO == m.ISO3[0]); let end = center.filter((c) => c.properties.ISO == "TWN"); if ((start.length > 0) & (end.length > 0)) { return turf.bezierSpline( turf.lineString( [start[0].geometry.coordinates, end[0].geometry.coordinates], { start: m.CountryName, end: "Taiwan", hs: m["Commodity Code"], iso: m.ISO3[0], // value: m.TradeQuantity, // // startcolor: country_colors.find((c) => c.iso == m.PISO).color, // // endcolor: country_colors.find((c) => "TWN").color, percentage: m.Percent } ), { properties: { start: m.CountryName, end: "Taiwan", hs: m["Commodity Code"], iso: m.ISO3[0], // value: m.TradeQuantity, // // startcolor: country_colors.find((c) => c.iso == m.PISO).color, // // endcolor: country_colors.find((c) => "TWN").color, percentage: m.Percent } } ); } }) .filter((f) => f != undefined) //.sort((a, b) => (a.properties.percentage > b.properties.percentage ? 1 : -1))35:[{"id":"746f2979dd8faf54403880568612e820b0c1903d17fa991b3f7612fed4789b9a458b4de5977e96b8ce134d452b4a17b9a98113be3a9626ac4fabadbee7ff4cfd","href":"https://static.observableusercontent.com/files/746f2979dd8faf54403880568612e820b0c1903d17fa991b3f7612fed4789b9a458b4de5977e96b8ce134d452b4a17b9a98113be3a9626ac4fabadbee7ff4cfd","name":"ne_10m_admin_0.geojson.json","type":"application/json","lastModified":1665416772677.218,"size":22446745},{"id":"816872a180dc588d52c385a8b0c206390140e0839a3e6cba08fb4da28d21ca827fd8340a11a2e5f488e5c5c81fc968f7571f79a8249afdc0f5aecd08f9a78fe0","href":"https://static.observableusercontent.com/files/816872a180dc588d52c385a8b0c206390140e0839a3e6cba08fb4da28d21ca827fd8340a11a2e5f488e5c5c81fc968f7571f79a8249afdc0f5aecd08f9a78fe0","name":"world10m_wound.json","type":"application/json","lastModified":1665416772677.218,"size":22446484},{"id":"157e8fc544247e04210f062d3e51c8aeff14efebb2dd6acae2f0a0b3887bcb0b4ebaf9c5b234635dbedea4f4057aeb7ea5aadba648fea96cf971c0c5dc075cde","href":"https://static.observableusercontent.com/files/157e8fc544247e04210f062d3e51c8aeff14efebb2dd6acae2f0a0b3887bcb0b4ebaf9c5b234635dbedea4f4057aeb7ea5aadba648fea96cf971c0c5dc075cde","name":"ISOcodes.csv","type":"text/csv","lastModified":1665418053119.812,"size":20759},{"id":"6d2ce60e1720dbb87be7ba6808e823c12d026e041307303d16f95e5260d991c4a997e50024fe2f378ec7da41471af8ea51d2c42efeddcbd0f3ed3adaec041508","href":"https://static.observableusercontent.com/files/6d2ce60e1720dbb87be7ba6808e823c12d026e041307303d16f95e5260d991c4a997e50024fe2f378ec7da41471af8ea51d2c42efeddcbd0f3ed3adaec041508","name":"imports@1.csv","type":"text/csv","lastModified":1665421483941.86,"size":6277}] 32:{"id":"1911b8d229c7e598","slug":"semiconductor-trade-flows-to-taiwan","title":"Semiconductor trade flows to Taiwan","thumbnail":"9426616e2035c546739424422fe0a1a60cadf5ec90cf6eb2d140f71bea726309","access_level":"public","create_time":"$D2022-10-10T15:46:12.677Z","update_time":"$D2022-10-18T02:02:37.408Z","view_time":null,"first_public_time":"$D2022-10-10T20:59:55.473Z","has_unpublished_edits":null,"fork":{"id":"2f3b54b23e921b26","slug":"comtrade-commodity-flow-sketches/2","title":"More comtrade commodity flow sketches","owner":{"id":"6ae7f99f369fe7ae","login":"lifewinning","name":"Ingrid Burrington"}},"stars":8,"starred":false,"owner":{"type":"team","id":"6ae7f99f369fe7ae","login":"lifewinning","name":"Ingrid Burrington","avatar_url":"https://avatars-next.observableusercontent.com/361e8fec3b6688927a430032a2ebcc4a35bfb53a951f775e8a60fdac19e4f742","tier":"starter_2024"},"version":1599,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"87193242b5b8718c","login":"lifewinning","name":"Ingrid Burrington","avatar_url":"https://avatars-next.observableusercontent.com/361e8fec3b6688927a430032a2ebcc4a35bfb53a951f775e8a60fdac19e4f742","tier":null}],"members":[{"type":"individual","id":"87193242b5b8718c","login":"lifewinning","name":"Ingrid Burrington","avatar_url":"https://avatars-next.observableusercontent.com/361e8fec3b6688927a430032a2ebcc4a35bfb53a951f775e8a60fdac19e4f742","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"title":"Semiconductor trade flows to Taiwan","cells":[{"id":0,"value":"md`# Semiconductor trade flows to Taiwan\n\nSketches for graphics for a project on semiconductor supply chains, still in progress`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":965,"value":"viewof selectProj = Inputs.select(projections, {\n label: \"select projection\",\n format: (x) => x.name,\n value: projections.find((t) => t.name === \"orthographic\")\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":29,"value":"map = html``","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1247,"value":"colors = [\"#000004\", \"#51127c\", \"#b73779\", \"#fc8961\", \"#fcfdbf\"]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1264,"value":"codes = Array.from(new Set(imports.map((i) => i[\"Commodity Code\"])))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1381,"value":"countryset = new Set(\n importsWithColors\n .map((m) => m.values.slice(0, 6))\n .flat()\n .map((m) => m.properties.iso)\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1385,"value":"countries = world10m_wound.features\n .filter((f) => countryset.has(f.properties.ADM0_A3))\n .filter((f) => f.properties.ADM0_A3 != \"FRA\")\n .concat(france)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1001,"value":"# Data stuff","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1176,"value":"imports_A3 = imports.map((i) => {\n i.ISO3 = isocodes\n .filter((f) => f[\"alpha-2\"] == i.CountryISO2)\n .map((m) => m[\"alpha-3\"]);\n return i;\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1581,"value":"transform = d3.geoTransform({\n point: function (x, y) {\n var projection = d3.geoMercator();\n this.stream.point(...projection([x, y]));\n }\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1136,"value":"imports_nested = d3\n .nest()\n .key(function (d) {\n return d.properties.hs;\n })\n .entries(import_paths)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1356,"value":"importsWithColors = imports_nested\n .map((m, i) => {\n m.values.map((v) => {\n v.properties.color = colors[i];\n return v;\n });\n return m;\n })","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1517,"value":"testLine = turf.bezierSpline(\n turf.lineString([\n center.filter((f) => f.properties.ISO == \"TWN\")[0].geometry.coordinates,\n center.filter((f) => f.properties.ISO == \"USA\")[0].geometry.coordinates\n ])\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":143,"value":"# Maps Implementation Stuff","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1418,"value":"FC_countries = turf.featureCollection(countries)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"projection = selectProj\n .value()\n .fitSize([width, height], world)\n .rotate([-120.61108655801085, -23.685162485477473])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":40,"value":"path = d3.geoPath(projection)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":25,"value":"height = 600","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":679,"value":"world10m_wound = FileAttachment(\"world10m_wound.json\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":22,"value":"outline = ({type: \"Sphere\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":114,"value":"graticule = d3.geoGraticule10()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":720,"value":"//get center points of all countries\ncenter = world.features\n .map((w) =>\n turf.centroid(w.geometry, {\n properties: { ISO: w.properties.ADM0_A3 }\n })\n )\n .filter((w) => w.properties.ISO != \"USA\")\n .filter((w) => w.properties.ISO != \"FRA\")\n .concat(usa)\n .concat(franceCenter)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1507,"value":"import_paths","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1123,"value":"tw = center.filter((f) => f.properties.ISO == \"TWN\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1273,"value":"twBuffer = turf.buffer(\n world.features.filter((w) => w.properties.ADMIN == \"Taiwan\")[0],\n 60,\n { units: \"miles\" }\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1096,"value":"//this is fussy but the \"center\" of the USA when factoring in Alaska and Hawaii ends up not in the center of the contiguous US and it looks kind of clunky is all\nusa = [\n Object({\n type: \"Feature\",\n properties: { ISO: \"USA\" },\n geometry: { type: \"Point\", coordinates: [-98.583333, 39.833333] }\n })\n]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1398,"value":"france = turf.rewind(\n turf.flatten(world.features.filter((w) => w.properties.ADM0_A3 == \"FRA\")[0])\n .features[1],\n { reverse: true }\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1432,"value":"franceCenter = [\n Object({\n type: \"Feature\",\n properties: { ISO: \"FRA\" },\n geometry: {\n type: \"Point\",\n coordinates: turf.centroid(france).geometry.coordinates\n }\n })\n]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1082,"value":"center.find((c) => c.properties.ISO == \"USA\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":777,"value":"$34","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1157,"value":"world.features.filter((w) => w.properties.ADMIN == \"Taiwan\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":633,"value":"world = FileAttachment(\"ne_10m_admin_0.geojson.json\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1135,"value":"imports = FileAttachment(\"imports@1.csv\").csv()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1142,"value":"isocodes = FileAttachment(\"ISOcodes.csv\").csv()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":325,"value":"nation_center = world.features.map((n) =>\n turf.centroid(n, { properties: { name: n.properties.ISO_A2 } })\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":124,"value":"d3 = require(\"d3-collection@latest\", \"d3@5.9\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":299,"value":"turf = require(\"@turf/turf\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":956,"value":"projections.map((p) => p.name)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":944,"value":"import { projections } from \"@d3/projection-comparison\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W35","stdlib":"1","titling":"auto"}} 33:"$32:body"