2a:null 2b:["$","title",null,{"children":"30DayMapChallenge - Day 29 : Globe | Tomo Bacinger | Observable"}] 30: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(); }31:[{"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}] 2e:{"id":"1821dcf5b69c55d6","slug":"30daymapchallenge-day-29-globe","title":"30DayMapChallenge - Day 29 : Globe","thumbnail":"7a8573fcc1312b8e313d557df132946ebde42f6d3637a45ca48ce8b70139a17a","access_level":"public","create_time":"$D2020-11-03T16:09:26.028Z","update_time":"$D2020-11-29T17:54:25.774Z","view_time":null,"first_public_time":"$D2020-11-29T17:55:06.861Z","fork":true,"stars":1,"starred":false,"owner":{"type":"team","id":"67600a76eebe2b34","login":"bacinger","name":"Tomo Bacinger","avatar_url":"https://avatars-next.observableusercontent.com/356c5f6908fbb31925e9ad54add9df91744faa3ef93b1533a580bb4358e45ff9","tier":"starter_2024"},"version":168,"publish_version":168,"role":null,"authored":false,"authors":[{"type":"individual","id":"47e4f910244f1e3d","login":"bacinger","name":"Tomo Bacinger","avatar_url":"https://avatars-next.observableusercontent.com/356c5f6908fbb31925e9ad54add9df91744faa3ef93b1533a580bb4358e45ff9","tier":null}],"members":[{"type":"individual","id":"47e4f910244f1e3d","login":"bacinger","name":"Tomo Bacinger","avatar_url":"https://avatars-next.observableusercontent.com/356c5f6908fbb31925e9ad54add9df91744faa3ef93b1533a580bb4358e45ff9","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":3,"collection":{"id":"70aca87d8db06645","slug":"30-day-map-challenge","title":"30 Day Map Challenge","owner":{"id":"f35c755083683fe5","login":"observablehq","name":"Observable"}},"type":"notebook","body":{"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","author":"$undefined","summary":"$undefined"},{"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","author":"$undefined","summary":"$undefined"},{"id":34,"value":"$30","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"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","author":"$undefined","summary":"$undefined"},{"id":36,"value":"path = d3.geoPath().projection(projection)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":14,"value":"graticule = d3.geoGraticule()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":23,"value":"height = width","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":117,"value":"circuitLocations = FileAttachment(\"f1-locations.json\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":11,"value":"world = FileAttachment(\"land-50m@1.json\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":5,"value":"topojson = require(\"topojson-client@3\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2,"value":"d3 = require(\"d3@6\")\n//d3 = require(\"d3-geo@2\", \"d3-geo-projection@3\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W31","stdlib":"1","titling":"auto"}} 2f:"$2e:body"