29:null 2a:["$","title",null,{"children":"Disputed areas - faceted geographies | Patrick Wojda | Observable"}] 2f:Ta02,svg` ` 30:[{"id":"d74995ac7d29d91f91f67e23b338f827ac4bee28440e35583b24ff3e7bc7b0ca848039f4b3101c790f2384efa31f9ad1ee0c5dd09029466654fa3406e323a6a6","href":"https://static.observableusercontent.com/files/d74995ac7d29d91f91f67e23b338f827ac4bee28440e35583b24ff3e7bc7b0ca848039f4b3101c790f2384efa31f9ad1ee0c5dd09029466654fa3406e323a6a6","name":"ne_10m_admin_0_disputed_areas-1.json","type":"application/json","lastModified":1686753444836.45,"size":483239},{"id":"63529fb84677fdc9ced3eb78bbbdf3476aa696e7be8ac1935388245a5db57996dad346f2b5ed1ed98c33297d844011336a39be290f282d4b2a85db5eb10643c9","href":"https://static.observableusercontent.com/files/63529fb84677fdc9ced3eb78bbbdf3476aa696e7be8ac1935388245a5db57996dad346f2b5ed1ed98c33297d844011336a39be290f282d4b2a85db5eb10643c9","name":"ne_10m_admin_0_countries.json","type":"application/json","lastModified":1686753863967.631,"size":1343185}] 2d:{"id":"a959ea8e5b1aa989","slug":null,"title":"Disputed areas - faceted geographies","thumbnail":"228e273ae91e026736db0e93860af4de993f1dff79ba62c5a66485b439722b57","access_level":"public","create_time":"$D2023-06-14T14:37:24.836Z","update_time":"$D2026-07-08T13:56:37.076Z","view_time":null,"first_public_time":"$D2023-06-14T14:37:24.836Z","fork":true,"stars":23,"starred":false,"owner":{"type":"team","id":"02bf290f098d5a95","login":"gitnoise","name":"Patrick Wojda","avatar_url":"https://avatars-next.observableusercontent.com/37de83ff866855b411b5ed7c2da3c3587abe6a5035f6f746f9988ddddeadc493","tier":"starter_2024"},"version":797,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"66c365e4a7f918e6","login":"gitnoise","name":"Patrick Wojda","avatar_url":"https://avatars-next.observableusercontent.com/37de83ff866855b411b5ed7c2da3c3587abe6a5035f6f746f9988ddddeadc493","tier":null}],"members":[{"type":"individual","id":"66c365e4a7f918e6","login":"gitnoise","name":"Patrick Wojda","avatar_url":"https://avatars-next.observableusercontent.com/37de83ff866855b411b5ed7c2da3c3587abe6a5035f6f746f9988ddddeadc493","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":5,"collection":null,"type":"notebook","body":{"title":"Disputed areas - faceted geographies","cells":[{"id":0,"value":"# Disputed areas - faceted geographies","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":505,"value":"This chart demonstrates a hybrid approach to composing publication-style graphics in Observable. Rather than relying entirely on Plot, the overall page is built as an SVG, with Observable Plot responsible only for rendering the faceted maps. Each facet uses its own projected geometry, allowing regions to be framed independently instead of sharing a common world projection. The design intentionally prioritizes comparison across regions, clear typography, and strong visual emphasis of disputed areas over strict geographic consistency.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":507,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":552,"value":"pr = require(\"d3-geo-projection@4\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":551,"value":"views = continentsDisputedAreasTopo.map((d, i) => ({\n name: continentNames[i].replace(\" (open ocean)\", \"\"),\n amount: d.features.length,\n disputed: d,\n projection: (\n (proj) => (u) =>\n pr.geoProject(u, proj)\n )(\n d3\n .geoMercator()\n .rotate([-d3.geoCentroid(d)[0], 0])\n .fitSize([1000, 1000], d)\n )\n}))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":698,"value":"totalDisputes = views.reduce((p, c) => (p += c.amount), 0)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":498,"value":"

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined"},{"id":548,"value":"## Constants","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":509,"value":"noColumns = 3","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":489,"value":"## World map geo data","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":339,"value":"world = FileAttachment(\"ne_10m_admin_0_countries.json\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":361,"value":"worldTopo = topojson.feature(world, world.objects.ne_10m_admin_0_countries)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":492,"value":"## Disputed areas geo data","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":338,"value":"disputedAreas = FileAttachment(\"ne_10m_admin_0_disputed_areas-1.json\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":292,"value":"disputedAreasTopo = topojson.feature(\n disputedAreas,\n disputedAreas.objects.ne_10m_admin_0_disputed_areas\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":494,"value":"### Group data on continent level","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":343,"value":"continentsDisputedAreas = d3.group(\n disputedAreasTopo.features,\n (d) => d.properties.CONTINENT\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":345,"value":"continentsDisputedAreasTopo = Array.from(continentsDisputedAreas).map(\n ([key, value]) => ({\n type: \"FeatureCollection\",\n features: value\n })\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":540,"value":"### Continent data transform","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":514,"value":"continentNames = Array.from(continentsDisputedAreas.keys())","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W30","stdlib":"1","titling":"auto"}} 2e:"$2d:body"