31:T6cb,chart = { const svgMap = d3.create("svg") .attr("viewBox", [0, 0, width, width]); const g = svgMap.append('g'); g.append('defs').append('path') .datum({type: 'Sphere'}) .attr('id', 'sphere') .attr('d', path); g.append('use') .attr('fill', 'none') .attr('stroke', '#222') .attr('stroke-width', '3px') .attr('xlink:href', '#sphere'); g.append('use') .attr('fill', '#88A6C4') .attr('opacity', '0.666') .attr('xlink:href', '#sphere'); g.append('path') .datum(graticule) .attr('fill', 'none') .attr('stroke', '#222') .attr('stroke-width', '.5px') .attr('stroke-opacity', '.5') .attr('stroke-dasharray', '2,2') .attr('d', path); g.insert('path', '.graticule') .datum(topojson.feature(world, world.objects.land)) .attr('fill', '#222') .attr('d', path); g.insert('path', '.graticule') .datum(topojson.mesh(world, world.objects.countries, function(a, b) { return a !== b; })) .attr('fill', 'none') .attr('stroke', '#bbb') .attr('stroke-width', '1px') .attr('d', path); var currentRotate = projection.rotate()[0]; g.selectAll('circle') .data(circuitLocations) .enter() .append('circle') .attr('cx', function(d) { return projection([d.lon, d.lat])[0]; }) .attr('cy', function(d) { return projection([d.lon, d.lat])[1]; }) .style("display", function(d) { return +d.lon + currentRotate < 45 && +d.lon + currentRotate > -45 ? "block" : "none" }) .attr('r', 5) .attr('fill', '#ddd') .attr('stroke-width', '2px') .attr('stroke', '#ff3f00'); return svgMap.node(); }32:[{"id":"c5ec0530da26632263a95e9dc457d6f6ea00bcf591f0098c9900d3357b0144ae09dd41adb5a295f7c28b44906be12aceede70542113b2706b9c7595a49864ca1","href":"https://static.observableusercontent.com/files/c5ec0530da26632263a95e9dc457d6f6ea00bcf591f0098c9900d3357b0144ae09dd41adb5a295f7c28b44906be12aceede70542113b2706b9c7595a49864ca1","name":"f1-locations.json","type":"application/json","lastModified":1604420324174.913,"size":3146},{"id":"d9859e815dd1ce100f1b23649ae757bb10eb1430ba0f5a38a1b3a726a4ba8115d6ec4150273a084dbcc653ae9ba8696da8a3c3da145f454d37edce6348484ef5","href":"https://static.observableusercontent.com/files/d9859e815dd1ce100f1b23649ae757bb10eb1430ba0f5a38a1b3a726a4ba8115d6ec4150273a084dbcc653ae9ba8696da8a3c3da145f454d37edce6348484ef5","name":"land-50m@1.json","type":"application/json","lastModified":1604419766028.81,"size":747177}] 2f:{"title":"30DayMapChallenge - Day 29 : Globe","cells":[{"id":0,"value":"md`# 30DayMapChallenge - Day 29 : Globe\n### World of F1™ circuits in Orthographic projection`","pinned":false,"hidden":false,"mode":"ojs"},{"id":77,"value":"viewof rotate = {\n const form = html``;\n form.oninput = () => form.value = JSON.parse(form.select.value);\n form.oninput();\n return form;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":34,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":28,"value":"projection = d3.geoOrthographic()\n .scale(width / 2.1)\n .translate([width / 2, height / 2])\n .rotate(rotate)\n .precision(0.1)","pinned":false,"hidden":false,"mode":"ojs"},{"id":36,"value":"path = d3.geoPath().projection(projection)","pinned":false,"hidden":false,"mode":"ojs"},{"id":14,"value":"graticule = d3.geoGraticule()","pinned":false,"hidden":false,"mode":"ojs"},{"id":23,"value":"height = width","pinned":false,"hidden":false,"mode":"ojs"},{"id":117,"value":"circuitLocations = FileAttachment(\"f1-locations.json\").json()","pinned":false,"hidden":false,"mode":"ojs"},{"id":11,"value":"world = FileAttachment(\"land-50m@1.json\").json()","pinned":false,"hidden":false,"mode":"ojs"},{"id":5,"value":"topojson = require(\"topojson-client@3\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":2,"value":"d3 = require(\"d3@6\")\n//d3 = require(\"d3-geo@2\", \"d3-geo-projection@3\")","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}