3f:null 40:["$","title",null,{"children":"Satellite Visualization | Abhijeet Amle | Observable"}] 46:T11da,globe = { let orbit_selected = document.getElementById("orbit_selected_id").value let orbit_array_leo = orbit("LEO"); let orbit_array_meo = orbit("MEO"); let orbit_array_geo = orbit("GEO"); let orbit_array_elliptical = orbit("Elliptical"); let canvas = this; if (!canvas) { canvas = DOM.context2d(width, width/2).canvas; } const context = canvas.getContext("2d"); const path = d3.geoPath() .context(context); context.drawImage(naturalEarth, 0, 0, width, width/2); let earth = this; if (!earth) { earth = new THREE.Mesh(); earth.geometry = new THREE.SphereBufferGeometry(1, 40, 40); earth.rotation.y = Math.PI; } let texture = this; if (!texture) { const texture = new THREE.CanvasTexture(canvas); earth.material = new THREE.MeshLambertMaterial({ map: texture }); } else { texture.needsUpdate = true; } const camera = new THREE.PerspectiveCamera(30, 2, 0.1, 60); camera.position.set(15, 2, 2); let scene = this; console.log(scene) if (!scene) { scene = new THREE.Scene(); scene.background = new THREE.Color('#000000'); scene.add(earth, light()); } for (let obt of orbit_array_geo) { scene.add(obt); } for (let obt of orbit_array_leo) { scene.add(obt); } for (let obt of orbit_array_meo) { scene.add(obt); } for (let obt of orbit_array_elliptical) { scene.add(obt); } // -- start of renderer const renderer = new THREE.WebGLRenderer({antialias: true}) renderer.setSize(width, width / 2); renderer.setPixelRatio(devicePixelRatio); invalidation.then(() => renderer.dispose()); // -- end of renderer // controls const controls = new THREE.OrbitControls(camera, renderer.domElement); controls.minDistance = 3; controls.maxDistance = 40; const redraw = () => renderer.render(scene(), camera); controls.addEventListener("change", redraw); invalidation.then(() => { controls.removeEventListener("change", redraw); controls.dispose(); }); // end of controls // function to change the orbits d3.select("#orbit_selected_id").on("change", function(d) { while(scene.children.length > 0){ scene.remove(scene.children[0]) } const context = canvas.getContext("2d"); const path = d3.geoPath() .context(context); context.drawImage(naturalEarth, 0, 0, width, width/2); scene.add(earth, light()); orbit_selected = document.getElementById("orbit_selected_id").value if (orbit_selected == "GEO") { for (let obt of orbit_array_geo) { scene.add(obt); } } else if (orbit_selected == "LEO") { for (let obt of orbit_array_leo) { scene.add(obt); } } else if (orbit_selected == "MEO") { for (let obt of orbit_array_meo) { scene.add(obt); } } else if (orbit_selected == "Elliptical") { for (let obt of orbit_array_elliptical) { scene.add(obt); } } else { for (let obt of orbit_array_geo) { scene.add(obt); } for (let obt of orbit_array_leo) { scene.add(obt); } for (let obt of orbit_array_meo) { scene.add(obt); } for (let obt of orbit_array_elliptical) { scene.add(obt); } } }) let lastUpdated = performance.now(); let count = 3; while (true) { let timeScale = 250; // set the speed of Earth rotation if (count > 0){ console.log("in globe start - 6 time scale 999..") timeScale = 99999999; count = count - 1; } await Promises.tick(1000 / 60); const currentTime = performance.now(); const simulatedTimeDelta = (currentTime - lastUpdated) * timeScale / 1000; // simulate rotation of the Earth earth.rotation.y += earthAngularVelocity * simulatedTimeDelta; // rotate satellite for (let obt of orbit_array_leo) { obt.rotation.y += obt.satelliteAngularVelocity * simulatedTimeDelta; } for (let obt of orbit_array_meo) { obt.rotation.y += obt.satelliteAngularVelocity * simulatedTimeDelta; } for (let obt of orbit_array_geo) { obt.rotation.y += obt.satelliteAngularVelocity * simulatedTimeDelta; } for (let obt of orbit_array_elliptical) { obt.rotation.y += obt.satelliteAngularVelocity * simulatedTimeDelta; } lastUpdated = currentTime; renderer.render(scene, camera); yield renderer.domElement; } }47:Te7a,function orbit(selected_orbit) { let orbit_array = []; for (let row of dataset) { let orbit_type = row["Class of Orbit"]; if (selected_orbit != 'ALL' && orbit_type != selected_orbit){ continue; } let orbit = this; orbit = new THREE.Group(); // ----- Set variables --------------------- let satelliteInclination = +row["Inclination (degrees)"]; orbit.satelliteInclination = satelliteInclination; let satelliteAltitude = +row["Apogee (km)"] * 1000; orbit.satelliteAltitude = satelliteAltitude; let satelliteVelocity = Math.sqrt(G * earthMass / (earthRadius + satelliteAltitude)); // meters per second let satelliteAngularVelocity = satelliteVelocity / (earthRadius + satelliteAltitude); // radians per second orbit.satelliteAngularVelocity = satelliteAngularVelocity; let orbitRadiusInEarthRadii = (earthRadius + satelliteAltitude) / earthRadius; orbit.orbitRadiusInEarthRadii = orbitRadiusInEarthRadii; // ----- Track ------------------------------------- let track = this; track = new THREE.Line(); track.geometry = new THREE.CircleGeometry(1, 80); track.geometry.vertices.shift(); track.geometry.vertices.push(track.geometry.vertices[0]); track.geometry.rotateX(Math.PI / 2); // rotate geometry so default is equatorial orbit if (orbit_type == "GEO") { track.material = new THREE.LineBasicMaterial({ color: 0xf2d96b }); // yellow ffd000 } else if (orbit_type == "LEO") { track.material = new THREE.LineBasicMaterial({ color: 0x7ee695 }); // green 05612a } else if (orbit_type == "MEO") { track.material = new THREE.LineBasicMaterial({ color: 0x8490e8 }); // blue 72afed //track.material = new THREE.LineBasicMaterial({ color: 0xf2d96b }); // yellow ffd000 //track.material = new THREE.LineBasicMaterial({ color: 0xe86868 }); // red ff0000 } else { track.material = new THREE.LineBasicMaterial({ color: 0xed7be0 }); // pink ff00e1 } // Geo - Yellow // Leo - Green // Meo - Blue // Elliptical - Pink track.scale.setScalar(orbitRadiusInEarthRadii); // ------ Satellite --------------------------------------- var dotGeometry = new THREE.Geometry(); dotGeometry.vertices.push(new THREE.Vector3( 0, 0, 0)); if (orbit_type == "GEO") { //var dotMaterial = new THREE.PointsMaterial( { size: 4, sizeAttenuation: false, color: 0xff0000 } ); // Red var dotMaterial = new THREE.PointsMaterial( { size: 4, sizeAttenuation: false, color: 0xffd000 } ); // Yellow } else if (orbit_type == "LEO") { var dotMaterial = new THREE.PointsMaterial( { size: 4, sizeAttenuation: false, color: 0x05612a } ); // Green } else if (orbit_type == "MEO") { var dotMaterial = new THREE.PointsMaterial( { size: 4, sizeAttenuation: false, color: 0x72afed } ); // Blue //var dotMaterial = new THREE.PointsMaterial( { size: 4, sizeAttenuation: false, color: 0xffd000 } ); // Yellow //var dotMaterial = new THREE.PointsMaterial( { size: 4, sizeAttenuation: false, color: 0xff0000 } ); // Red } else { var dotMaterial = new THREE.PointsMaterial( { size: 4, sizeAttenuation: false, color: 0xff00e1 } ); // Pink } var satellite = new THREE.Points( dotGeometry, dotMaterial ); // satellite.scale.setScalar(1.20); satellite.position.x = orbitRadiusInEarthRadii; // --------Add track and satellite to orbit ------------------------------------- orbit.add(track, satellite); orbit.rotation.x = satelliteInclination * Math.PI / 180; orbit_array.push(orbit); } return orbit_array; }48:[{"id":"4c068a058e2d2f97e2a67bb2a094ef85506117c117125dd9ea1f97fef05f827c27f2e9736218028b5a9ea9dcd8e59ae1ddb8ac381c4604d82bd236d3db739b72","href":"https://static.observableusercontent.com/files/4c068a058e2d2f97e2a67bb2a094ef85506117c117125dd9ea1f97fef05f827c27f2e9736218028b5a9ea9dcd8e59ae1ddb8ac381c4604d82bd236d3db739b72","name":"data_1.5.csv","type":"text/csv","lastModified":1605911309692.036,"size":273765}] 44:{"id":"f7de2af73c5d963c","slug":"satellite-visualization","title":"Satellite Visualization","thumbnail":"3adda8cdfb765b740da8c5f1280d6402b51b908d7f8994a3c896d764edd99a59","access_level":"public","create_time":"$D2020-11-20T22:28:29.692Z","update_time":"$D2021-08-09T15:54:30.430Z","view_time":null,"first_public_time":"$D2021-08-09T15:49:49.683Z","has_unpublished_edits":null,"fork":true,"stars":14,"starred":false,"owner":{"type":"team","id":"c642b34e5b0b0b92","login":"abhijeetamle","name":"Abhijeet Amle","avatar_url":"https://avatars-next.observableusercontent.com/be4154ad5ced772215f4d8c76e03c866930d72e9d8a2685938ac18e3d7243e37","tier":"starter_2024","bio":"","following":false},"version":707,"publish_version":707,"role":null,"authored":false,"authors":[{"type":"individual","id":"4e9724915046de42","login":"abhijeetamle","name":"Abhijeet Amle","avatar_url":"https://avatars-next.observableusercontent.com/be4154ad5ced772215f4d8c76e03c866930d72e9d8a2685938ac18e3d7243e37","tier":null,"bio":"","following":false}],"members":[{"type":"individual","id":"4e9724915046de42","login":"abhijeetamle","name":"Abhijeet Amle","avatar_url":"https://avatars-next.observableusercontent.com/be4154ad5ced772215f4d8c76e03c866930d72e9d8a2685938ac18e3d7243e37","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":3,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Satellite Visualization","cells":[{"id":0,"value":"md`# Satellite Visualization`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":704,"value":"// Project info:\n// Original dataset: https://www.ucsusa.org/resources/satellite-database \n// Dataset used: https://github.com/abhijeetamle/Satellite-Trajectory-Visualization/blob/main/UCS-Satellite-Database-4-1-2020.xls\n// Project repo: https://github.com/abhijeetamle/Satellite-Trajectory-Visualization\n// Project website: https://abhijeetamle.github.io/Satellite-Trajectory-Visualization/","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":519,"value":"html``","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":70,"value":"$46","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":62,"value":"$47","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":44,"value":"function light() {\n const light = new THREE.Group();\n \n const ambient = new THREE.AmbientLight(\"#888\")\n const directional = new THREE.DirectionalLight(\"#aaa\")\n directional.position.x = 10;\n \n light.add(ambient, directional)\n return light;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"G = 6.67191e-11 // m^3 kg^-1 s^-2","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":27,"value":"earthMass = 5.9721986e24 // kilograms","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":30,"value":"earthRadius = 6371 * 1000 // meters","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":33,"value":"earthAngularVelocity = (2 * Math.PI) / (23.934461223 /* sidereal day */ * 60 * 60) // radians per second","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"naturalEarth = d3.image(\n \"https://gist.githubusercontent.com/jake-low/d519e00853b15e9cec391c3dab58e77f/raw/6e796038e4f34524059997f8e1f1c42ea289d805/ne1-small.png\",\n {crossOrigin: \"anonymous\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":76,"value":"dataset = d3.csvParse(await FileAttachment(\"data_1.5.csv\").text())","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"THREE = {\n const THREE = window.THREE = await require(\"three@0.97/build/three.min.js\");\n await require(\"three@0.97/examples/js/controls/OrbitControls.js\").catch(() => {});\n return THREE;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"d3 = require(\"d3@5\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":699,"value":"md `Reference: https://observablehq.com/@jake-low/satellite-ground-track-visualizer`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W48","stdlib":"1"}} 45:"$44:body"