31:[{"id":"d706085e9cdfe40100023c6f307ab29393e95240c0e6f2881bf611ad976817b45e94794deaf13414ca78bac25a9e557e0b1628fbe07126f1c29a1ba1927eda7c","href":"https://static.observableusercontent.com/files/d706085e9cdfe40100023c6f307ab29393e95240c0e6f2881bf611ad976817b45e94794deaf13414ca78bac25a9e557e0b1628fbe07126f1c29a1ba1927eda7c","name":"moon_landings.json","type":"application/json","lastModified":1590988070840.834,"size":3527}] 2f:{"title":"Moon Landing Sites","cells":[{"id":0,"value":"md`# Moon Landing Sites`","pinned":false,"hidden":false,"mode":"ojs"},{"id":103,"value":"md`\nMapping the sites of various moon landing locations. Colored by Space Agency.\n\nPlotted using [globe.gl](https://globe.gl/).\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":2,"value":"{\n const domEl = document.createElement('div');\n \n moon(domEl)\n .onLabelHover(label => domEl.style.cursor = label ? 'pointer' : null)\n .pointOfView({ altitude: 1.7 }, 2000);\n \n return domEl;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":53,"value":"{\n moon.labelsData(landingSites);\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":9,"value":"moon = Globe()\n .globeImageUrl('https://cdn.jsdelivr.net/npm/globe.gl/example/moon-landing-sites/lunar_surface.jpg')\n .bumpImageUrl('https://cdn.jsdelivr.net/npm/globe.gl/example/moon-landing-sites/lunar_bumpmap.jpg')\n .backgroundImageUrl('https://cdn.jsdelivr.net/npm/three-globe/example/img/night-sky.png')\n .showGraticules(true)\n .labelText('label')\n .labelSize(1.7)\n .labelDotRadius(0.4)\n .labelDotOrientation(d => labelsTopOrientation.has(d.label) ? 'top' : 'bottom')\n .labelColor(d => colorScale(d.agency))\n .labelLabel(d => `\n

${d.label}

${d.agency} - ${d.program} Program

Landing on ${new Date(d.date).toLocaleDateString()}

\n `)\n .onLabelClick(d => window.open(d.url, '_blank'));","pinned":false,"hidden":false,"mode":"ojs"},{"id":129,"value":"{ \n const height = 640;\n moon.width(width).height(height);\n return { width, height };\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":13,"value":"md`**Style**`","pinned":false,"hidden":false,"mode":"ojs"},{"id":11,"value":"html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":46,"value":"md`**Settings**`","pinned":false,"hidden":false,"mode":"ojs"},{"id":48,"value":"colorScale = d3.scaleOrdinal(['orangered', 'mediumblue', 'darkgreen', 'yellow']);","pinned":false,"hidden":false,"mode":"ojs"},{"id":61,"value":"labelsTopOrientation = new Set(['Apollo 12', 'Luna 2', 'Luna 20', 'Luna 21', 'Luna 24', 'LCROSS Probe']); // avoid label collisions","pinned":false,"hidden":false,"mode":"ojs"},{"id":19,"value":"md`**Data**`","pinned":false,"hidden":false,"mode":"ojs"},{"id":33,"value":"landingSites = FileAttachment(\"moon_landings.json\").json()","pinned":false,"hidden":false,"mode":"ojs"},{"id":21,"value":"md`**Dependencies**`","pinned":false,"hidden":false,"mode":"ojs"},{"id":24,"value":"Globe = require('globe.gl@2.33')","pinned":false,"hidden":false,"mode":"ojs"},{"id":26,"value":"d3 = require('d3-scale')","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}