2d:null 2e:["$","title",null,{"children":"lets keep working together | roboticsuniversity | Observable"}] 33:T619,// map_2 = { // const container = yield htl.html`${canvas}

`; // // Initialize the map // const map = L.map(container).setView([37.774, -122.423], 13); // // Add a tile layer (OpenStreetMap) // L.tileLayer("https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png", { // attribution: // "© OpenStreetMap contributors" // }).addTo(map); // // Example overlay: Algorithmic polyline // const routeCoords = [ // [37.774, -122.423], // [37.775, -122.42], // [37.776, -122.417] // ]; // L.polyline(routeCoords, { color: "blue", weight: 3 }).addTo(map); // // Example overlay: Polygon // const polygonCoords = [ // [37.779, -122.423], // [37.779, -122.433], // [37.769, -122.433], // [37.769, -122.423] // ]; // L.polygon(polygonCoords, { color: "green", fillColor: "lightgreen" }).addTo( // map // ); // // Example overlay: GeoJSON line // const geojsonData = { // type: "Feature", // geometry: { // type: "LineString", // coordinates: [ // [-122.423, 37.774], // [-122.42, 37.775], // [-122.417, 37.776] // ] // }, // properties: { // name: "Algorithmic Path" // } // }; // L.geoJSON(geojsonData, { // style: { color: "red", weight: 4 } // }).addTo(map); // // Example overlay: Marker // const marker = L.marker([37.774, -122.423]).addTo(map); // marker.bindPopup("Algorithm-identified point!"); // return map; // }34:T41b,html``35:[] 31:{"id":"3afd6538b6f80c3e","slug":"simulation-editor","title":"lets keep working together","thumbnail":"5a4a8b48a32c80cdeee70c9c62d3c7908c9b7445f61f37e2d544d894cd6459b0","access_level":"public","create_time":"$D2024-12-12T23:57:12.384Z","update_time":"$D2024-12-14T17:23:00.956Z","view_time":null,"first_public_time":"$D2024-12-12T23:57:48.987Z","has_unpublished_edits":null,"fork":false,"stars":1,"starred":false,"owner":{"type":"team","id":"df8a3b9f1fb1bf7a","login":"roboticsuniversity","name":"","avatar_url":"https://avatars-next.observableusercontent.com/fa5cce8aeddbecca959c57aadec29ac4c7bf5e0a2992006afc6d656a47f0a263","tier":"starter_2024"},"version":89,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"75d68567c80044f2","login":"robotics-odyssey","name":"dynabot.dev","avatar_url":"https://avatars-next.observableusercontent.com/d02e2548205cd8b455dff2b0d8409409d16de01aa99ae068e6b16ac217eb523d","tier":null}],"members":[{"type":"individual","id":"75d68567c80044f2","login":"robotics-odyssey","name":"dynabot.dev","avatar_url":"https://avatars-next.observableusercontent.com/d02e2548205cd8b455dff2b0d8409409d16de01aa99ae068e6b16ac217eb523d","tier":null,"role":"editor"},{"type":"team","id":"df8a3b9f1fb1bf7a","login":"roboticsuniversity","name":"","avatar_url":"https://avatars-next.observableusercontent.com/fa5cce8aeddbecca959c57aadec29ac4c7bf5e0a2992006afc6d656a47f0a263","tier":"starter_2024","role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"lets keep working together","cells":[{"id":0,"value":"# lets keep working together","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":4,"value":"viewof table = Inputs.table(fly_io)\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"actions = await d3.json('https://www.dynabot.dev/api/scripts')\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"fly_io = await d3.json(\"https://www.dynabot.dev/api/supabase\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":12,"value":"map = {\n // canvas.style.opacity = 0;\n const container = yield htl.html`

`;\n const map = L.map(container).setView([37.774, -122.423], 13);\n L.tileLayer(\"https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png\", {\n attribution:\n \"© OpenStreetMap contributors\"\n }).addTo(map);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":18,"value":"import { canvas } from \"@mbostock/prims-algorithm-iv\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":23,"value":"//canvas.style","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":38,"value":"// html`\n// make one cell work at a time\n//

\n// ${map}\n// ${canvas}\n//

\n\n// `","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":48,"value":"layeredView = {\n // Create a parent container with relative positioning\n const container = html`

`;\n\n // Wrap the map and canvas in absolutely positioned containers\n const mapContainer = html`

\n ${map}\n

`;\n\n const canvasContainer = html`

\n ${canvas}\n

`;\n\n container.appendChild(mapContainer);\n container.appendChild(canvasContainer);\n\n // Set an interval to fade the map in and out periodically\n let opacity = 1.0;\n setInterval(() => {\n opacity = opacity === 1.0 ? 0.5 : 1.0;\n mapContainer.style.opacity = opacity;\n }, 1000); // change every 1 second\n\n return container;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":14,"value":"//yield canvas","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"wikigame = {\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":28,"value":"$33","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":51,"value":"import { canvas, } from \"1ce6a35820048d67\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":54,"value":"viewof boxWidth = Inputs.range([0, 1], { label: \"Box width\" })","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":56,"value":"canvas_2 = {\n const context = DOM.context2d(width, height);\n context.fillStyle = \"hsl(216deg 100% 13%)\";\n context.fillRect(0, 0, boxWidth * width, height);\n context.canvas.style.background = \"hsl(216deg 20% 90%)\";\n return context.canvas;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":58,"value":"height = 200","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":61,"value":"$34","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":64,"value":"magic_iframe=","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":67,"value":"magic_iframe = html``","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W35","stdlib":"1","titling":"auto"}} 32:"$31:body"