31:T76a,chart = { const svgMap = d3.create("svg") .attr("viewBox", [0, 0, width, height]); 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] var bars = svgMap.selectAll("rect") .data(circuitLocations); bars .enter() .append("rect") .attr("class", "rect") .attr("transform", d => { d.position = projection([d.lon,d.lat]) return "translate(" + projection([d.lon,d.lat])[0] + ", " + (projection([d.lon,d.lat])[1]-(+d.alt/3)) + ")" }) .style("display", function(d) { return +d.lon + currentRotate < 45 && +d.lon + currentRotate > -45 ? "block" : "none" }) .attr("height", "0px") .style("fill", "#FF1800") .attr("stroke", "white") .attr("width", 10) .attr("opacity", 0.66) .attr("height", function(d) { return +d.alt / 3 }); return svgMap.node(); }32:Td3a,circuitLocations = [ {"lon": 54.601, "lat": 24.471, "alt": 15, "location": "Abu Dhabi", "name": "Yas Marina Circuit", "id": "ae-2009"}, {"lon": -97.633, "lat": 30.135, "alt": 130, "location": "Austin", "name": "Circuit of the Americas", "id": "us-2012"}, {"lon": 50.512, "lat": 26.031, "alt": 15, "location": "Bahrain", "name": "Bahrain International Circuit", "id": "bh-2002"}, {"lon": 49.842, "lat": 40.369, "alt": 15, "location": "Baku", "name": "Baku City Circuit", "id": "az-2016"}, {"lon": 2.259, "lat": 41.569, "alt": 165, "location": "Barcelona", "name": "Circuit de Barcelona-Catalunya", "id": "es-1991"}, {"lon": 8.572, "lat": 49.330, "alt": 148, "location": "Hockenheim", "name": "Hockenheimring", "id": "de-1932"}, {"lon": 11.713, "lat": 44.341, "alt": 47, "location": "Imola", "name": "Autodromo Enzo e Dino Ferrari", "id": "it-1953"}, {"lon": 5.791, "lat": 43.253, "alt": 408, "location": "Le Castellet", "name": "Circuit Paul Ricard", "id": "fr-1969"}, {"lon": 144.970, "lat": -37.846, "alt": 10, "location": "Melbourne", "name": "Albert Park Circuit", "id": "au-1953"}, {"lon": -99.091, "lat": 19.402, "alt": 2232, "location": "Mexico City", "name": "Autódromo Hermanos Rodríguez", "id": "mx-1962"}, {"lon": 7.429, "lat": 43.737, "alt": 15, "location": "Monte Carlo", "name": "Circuit de Monaco", "id": "mc-1929"}, {"lon": -73.525, "lat": 45.506, "alt": 15, "location": "Montreal", "name": "Circuit Gilles-Villeneuve", "id": "ca-1978"}, {"lon": 9.290, "lat": 45.621, "alt": 142, "location": "Monza", "name": "Autodromo Nazionale Monza", "id": "it-1922"}, {"lon": 6.943, "lat": 50.334, "alt": 627, "location": "Nürburg", "name": "Nürburgring", "id": "de-1927"}, {"lon": 19.250, "lat": 47.583, "alt": 239, "location": "Pest", "name": "Hungaroring", "id": "hu-1986"}, {"lon": -8.628, "lat": 37.232, "alt": 44, "location": "Portimão", "name": "Autódromo Internacional do Algarve", "id": "pt-2008"}, {"lon": -46.698, "lat": -23.702, "alt": 765, "location": "Sao Paulo", "name": "Autódromo José Carlos Pace", "id": "br-1940"}, {"lon": 11.372, "lat": 43.998, "alt": 292, "location": "Scarperia e San Piero", "name": "Autodromo Internazionale del Mugello", "id": "it-1914"}, {"lon": 121.221, "lat": 31.340, "alt": 39, "location": "Shanghai", "name": "Shanghai International Circuit", "id": "cn-2004"}, {"lon": 101.738, "lat": 2.761, "alt": 15, "location": "Sepang", "name": "Sepang International Circuit", "id": "my-1999"}, {"lon": -1.017, "lat": 52.072, "alt": 196, "location": "Silverstone", "name": "Silverstone Circuit", "id": "gb-1948"}, {"lon": 103.859, "lat": 1.291, "alt": 18, "location": "Singapore", "name": "Marina Bay Street Circuit", "id": "sg-2008"}, {"lon": 39.960, "lat": 43.407, "alt": 23, "location": "Sochi", "name": "Sochi Autodrom", "id": "ru-2014"}, {"lon": 5.971, "lat": 50.436, "alt": 413, "location": "Spa Francorchamps", "name": "Circuit de Spa-Francorchamps", "id": "be-1925"}, {"lon": 14.761, "lat": 47.223, "alt": 721, "location": "Spielberg", "name": "Red Bull Ring", "id": "at-1969"}, {"lon": 136.534, "lat": 34.844, "alt": 60, "location": "Suzuka", "name": "Suzuka International Racing Course", "id": "jp-1962"}, {"lon": 29.412, "lat": 40.958, "alt": 150, "location": "Tuzla", "name": "Intercity Istanbul Park", "id": "tr-2005"} ]33:[{"id":"d9859e815dd1ce100f1b23649ae757bb10eb1430ba0f5a38a1b3a726a4ba8115d6ec4150273a084dbcc653ae9ba8696da8a3c3da145f454d37edce6348484ef5","href":"https://static.observableusercontent.com/files/d9859e815dd1ce100f1b23649ae757bb10eb1430ba0f5a38a1b3a726a4ba8115d6ec4150273a084dbcc653ae9ba8696da8a3c3da145f454d37edce6348484ef5","name":"land-50m@1.json","type":"application/json","lastModified":1605020966261.628,"size":747177}] 2f:{"title":"30DayMapChallenge - Day 11 : 3D","cells":[{"id":0,"value":"md`# 30DayMapChallenge - Day 11 : 3D\n### Altitudes of F1™ circuits in 3D\nThe height of the bar represents the circuit's altitude above mean sea level.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":498,"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":28,"value":"projection = d3.geoSatellite()\n .scale(width)\n .translate([width / 2, height / 1.75])\n .rotate(rotate)\n .center([0,0])\n .tilt(5)\n .distance(1.45)\n .clipAngle(45)","pinned":false,"hidden":false,"mode":"ojs"},{"id":34,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":23,"value":"height = width","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":117,"value":"$32","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\", \"d3-geo@2\", \"d3-geo-projection@3\")","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W33","stdlib":"1","titling":"auto"}