2c:null 2d:["$","title",null,{"children":"World FIRs with zoom and rotate | Enrico Spinielli | Observable"}] 32:T1166,chart = { const updates = []; let chart = Plot.plot({ width: width, height: height, color: { range: ["url(#crosshatch)", ...colorscale, ...colorscale] }, projection, // projection: { // type: ({ width, height }) => // projection.angle(11).fitSize([width, height], { type: "Sphere" }) // }, marks: [ () => // https://github.com/iros/patternfills svg` `, Plot.sphere({ fill: "white", render }), Plot.geo([land50m, land110m], { stroke: "#333", strokeOpacity: 0.15, fill: "#ced4da", render: renderAlternative }), // Plot.graticule({ render }), Plot.geo(noFirs, { className: "fir", pointerEvents: "fill", fill: (d) => " ", fillOpacity: 0.4, strokeWidth: 1, stroke: "#fff", strokeOpacity: 0.2, title: (elt) => `No FIR area`, render: render }), Plot.geo(firs100, { className: "fir", pointerEvents: "fill", fill: (d) => d.properties.designator[0], fillOpacity: 0.4, strokeWidth: 1, stroke: "#fff", strokeOpacity: 0.2, title: (d) => `${d.properties.designator}\n${d.properties.name}`, render: render }), Plot.text( firs100, Plot.geoCentroid({ text: (d) => `${d.properties.designator}`, title: (d) => `${d.properties.designator}\n${d.properties.name}`, fill: "black", stroke: "white", render: render }) ), // highlight // () => // svg`