31:[{"id":"254a99fef9cfdc739794cf276a25ffce226b9d17d64789497bbed4935f1fda7d621149894d3a06e546f0e5c53beda2580db0166433ff2fac65397af1aa3627ea","href":"https://static.observableusercontent.com/files/254a99fef9cfdc739794cf276a25ffce226b9d17d64789497bbed4935f1fda7d621149894d3a06e546f0e5c53beda2580db0166433ff2fac65397af1aa3627ea","name":"countries-50m.json","type":"application/json","lastModified":1700474953689.08,"size":756420}] 2f:{"title":"Winding order","cells":[{"id":0,"value":"# Winding order\nSome functions that use the d3-geo fit function (fitExtent, fitSize, fitHeight and fitWidth) do not work if the geometry is of type polygon but does work if it is of type LineString or MultiLineString due to the winding order. Here 'fixed' it with [Fil's Rewind](https://observablehq.com/@fil/rewind).\n","pinned":false,"hidden":false,"mode":"md"},{"id":197,"value":"viewof doRewind = Inputs.toggle({ label: \"Rewind\", value: false })","pinned":false,"hidden":false,"mode":"ojs"},{"id":125,"value":"viewof geometryType = Inputs.radio([\"Polygon\", \"MultiLineString\"], {\n label: \"Select geonetry type\",\n value: \"Polygon\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":29,"value":"map = htl.html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":4,"value":"projection = d3.geoEqualEarth().fitExtent(\n [\n [margin, margin],\n [width - margin, height - margin]\n ],\n doRewind ? rewind(geojson) : geojson\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":139,"value":"geojson = ({\n type: \"FeatureCollection\",\n features: [\n {\n type: \"Feature\",\n properties: {},\n geometry: {\n coordinates: [\n [\n [91.84673231610196, 12.993210874316219],\n [91.84673231610196, -24.48614885133567],\n [157.76099888622377, -24.48614885133567],\n [157.76099888622377, 12.993210874316219],\n [91.84673231610196, 12.993210874316219]\n ]\n ],\n type: geometryType\n }\n }\n ]\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":130,"value":"margin = 30","pinned":true,"hidden":false,"mode":"ojs"},{"id":86,"value":"Many other projections are available. [Browse them here](https://observablehq.com/collection/@d3/d3-geo-projection).","pinned":false,"hidden":false,"mode":"md"},{"id":40,"value":"path = d3.geoPath(projection)","pinned":true,"hidden":false,"mode":"ojs"},{"id":25,"value":"height = 500","pinned":true,"hidden":false,"mode":"ojs"},{"id":22,"value":"outline = ({type: \"Sphere\"})","pinned":true,"hidden":false,"mode":"ojs"},{"id":114,"value":"graticule = d3.geoGraticule10()","pinned":true,"hidden":false,"mode":"ojs"},{"id":16,"value":"land = topojson.feature(world, world.objects.land)","pinned":true,"hidden":false,"mode":"ojs"},{"id":105,"value":"borders = topojson.mesh(world, world.objects.countries, (a, b) => a !== b)","pinned":true,"hidden":false,"mode":"ojs"},{"id":13,"value":"world = FileAttachment(\"countries-50m.json\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":123,"value":"countries_data = d3.json(\n `https://cdn.jsdelivr.net/npm/world-atlas@2/countries-50m.json`\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":177,"value":"import {rewind} from \"@fil/rewind\"","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}