31:T6d2,// This map will redraw if the underlying data specifying the markers on the map changes. // To preserve state, we redraw polygons in the event tileMap is reevaluated. viewof tileMap = { const container = html`

`; yield container; // Give the container dimensions. let map = new mapboxgl.Map({ container, center: [-105.2705, 40.015], // Boulder, Colorado zoom: 4, maxZoom: 20, style: "mapbox://styles/mapbox/" + globeStyle, // This is all one needs to set the projection. Values are derived from the input cell defined above. projection: { name: "globe" }, scrollZoom: true }); // TODO (Brooks): Buggy, does not play nice with Chrome // map.addControl(new mapboxgl.FullscreenControl()); var draw = new MapboxDraw({ displayControlsDefault: false, controls: { polygon: true, trash: true }, defaultMode: "draw_polygon" }); map.addControl(draw, "top-left"); // Add a polygon, index by ID. map.on("draw.create", (e) => { let feature = e.features[0]; mutable polygons[feature.id] = feature.geometry.coordinates[0]; mutable signal *= -1; }); // Remove a polygon by ID. map.on("draw.delete", (e) => { let feature = e.features[0]; delete mutable polygons[feature.id]; mutable signal *= -1; }); // Update a polygon by ID. map.on("draw.update", (e) => { let feature = e.features[0]; mutable polygons[feature.id] = feature.geometry.coordinates[0]; mutable signal *= -1; }); // Set a mutable reference to the map that allows for us to control a single instance // of the map. mutable map = map; mutable draw = draw; // TODO add marks to map invalidation.then(() => map.remove()); }32:T545,viewof table = Inputs.table(search, { columns: ["Campaign", "Start", "End", "Days", "Coverage"], format: { ["Start"]: (x) => html`${dateFormat(x)}`, ["End"]: (x) => html`${dateFormat(x)}`, Coverage: (intervals) => sparkline(intervals, { width: 250 }), // Add: (groupId) => // md`${Inputs.button("➕", { // value: groupId, // // width: 70, // reduce: (key) => { // const uid = DOM.uid().id; // console.log( // key, // groupIdMap.get(key).map((d) => d.geometry.coordinates.slice(0, 2)) // ); // mutable polygons[uid] = d3.polygonHull( // groupIdMap.get(key).map((d) => d.geometry.coordinates.slice(0, 2)) // ); // draw.add(polygons[uid]); // mutable signal *= -1; // return uid; // if (polygons["table"]) { // draw.delete("table"); // delete polygons["table"]; // } // } // })}`, Days: (x) => d3.format(",")(x) }, width: { ["Campaign"]: "300px", Coverage: "250px", Add: "30px" }, value: [], multiple: false })33:T59e,// References force this cell to re-evalutate and render markers when the user selection of campaigns changes. // Value of rendered is number of markers currently drawn on map. Markers are removed and redrawn with any invalidation of this cell. renderMarks = { campaignSelection; function addStation2Map(feature, options) { var el = document.createElement("div"); el.className = "marker"; el.style["background-color"] = options.color; el.style["border"] = "solid 1px"; el.style.opacity = 0.8; return new mapboxgl.Marker(el) .setLngLat(feature.geometry.coordinates) .addTo(map); } for (let i = markers.length - 1; i >= 0; i--) { markers[i].remove(); markers.pop(); } if (showAllGroup) { campaignSelection.forEach((d) => { groupIdMap.get(d.group_id).forEach((feature) => { markers.push( addStation2Map(feature, { color: colorScale(feature.properties.group_id) }) ); }); }); } else { // Draw sites within date range and drawn bounding polygons. polygonSearchResults.features.forEach((feature) => { // Filter by selected campaign if (selectedCampaignsIndex.has(feature.properties.group_id.toString())) { markers.push( addStation2Map(feature, { color: colorScale(feature.properties.group_id) }) ); } }); } return markers.length; }34:[] 2f:{"title":"GNSS Campaign Data Access","cells":[{"id":0,"value":"title = md`# GNSS Campaign Data Access\n\n*We suggest viewing this notebook in the [Chrome Browser](https://www.google.com/chrome/).*\n\n**[Data Policy](https://www.unavco.org/community/policies_forms/data-policy/data-policy.html)**. By accessing data from the NSF NGF Facility (formerly GAGE/UNAVCO) archive, users agree to appropriate [attribution](https://www.unavco.org/community/policies_forms/attribution/attribution.html) to providers and their sponsors, acknowledgment of the NGF Facility and its sponsors, and to adherence to professional and ethical standards.\n\n**[Release Notes](https://observablehq.com/@earthscope/release-notes-data-archive-interface)**`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1661,"value":"## Filter by time","pinned":false,"hidden":false,"mode":"md"},{"id":13,"value":"viewof startDate = date({\n title: \"Start Date\",\n min: \"1992-01-01\",\n max: dateFormat(today),\n value: importConfiguration.startDate\n ? importConfiguration.startDate\n : \"1992-01-01\",\n description:\n \"Campaigns with data before this date will include data outside your range.\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":37,"value":"viewof endDate = date({\n title: \"End Date\",\n min: startDate,\n max: dateFormat(today),\n value: importConfiguration.endDate\n ? importConfiguration.endDate\n : dateFormat(d3.timeDay.offset(today, -1)),\n description:\n \"Campaigns with data after this date will include data outside your range.\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1167,"value":"days_text = md`Your selected date range spans **${d3.format(\",\")(days)}** days.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1204,"value":"beeswarm = Plot.plot({\n insetRight: 10,\n height: 100,\n width,\n marks: [\n Plot.dot(\n search,\n Plot.dodgeY({\n x: \"Start\",\n r: (d) => d.length * radiusScale,\n title: (d) => `${d.Campaign}`,\n fill: (d) =>\n table && table.group_id === d.group_id ? \"orange\" : \"black\"\n })\n ),\n Plot.text(\n search,\n Plot.dodgeY({\n filter: (d) => d.length > 48,\n x: \"Start\",\n r: \"length\",\n text: \"length\",\n fill: radiusScale < 1 ? \"none\" : \"white\",\n fontWeight: \"bold\"\n })\n )\n ]\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1361,"value":"viewof radiusScale = Inputs.range([0.01, 1], {\n label: \"Dot radius\",\n value: 0.05,\n step: 0.01\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1495,"value":"## Filter by map","pinned":false,"hidden":false,"mode":"md"},{"id":311,"value":"whereExplainer = md`*Use the buttons ${drawIcon} ${deleteIcon} to **Draw** on the map: create, edit, and delete bounding polygons.*\n\n*Complete a polygon with a **double click** on the last vertex you want to add.*`","pinned":false,"hidden":false,"mode":"ojs"},{"id":439,"value":"viewof markerRadius = Inputs.range([3, 25], {\n value: 7,\n step: 1,\n label: \"Marker Radius\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1601,"value":"viewof globeStyle = Inputs.select(\n [\n \"streets-v11\",\n \"outdoors-v11\",\n \"light-v10\",\n \"dark-v10\",\n \"satellite-v9\",\n \"satellite-streets-v11\",\n \"navigation-day-v1\",\n \"navigation-night-v1\"\n ],\n { label: \"Globe Style\", value: \"navigation-day-v1\" }\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":88,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":1527,"value":"By default, **all campaigns** which intersect *some* part of your drawn polygon(s) above are selected. This helps us find everything that might be related to your area of interest. To further refine your selection:\n- **Command** and **Shift** to select one or more campaigns to include in your data request.\n- drag or redraw your drawn polygon(s) to cover a different or smaller area.\n\nAs and example...\n

(15/98) Basin and Range 2002

\n\n... indicates that 15 sites out of 98 in total are located within your drawn polygon(s).","pinned":false,"hidden":false,"mode":"md"},{"id":147,"value":"viewof campaignSelection = Inputs.select(campaignsList, {\n width: width,\n multiple: true,\n // Sort alphabetically by campaign name.\n sort: (a, b) => a.name.localeCompare(b.name),\n dummy: signal,\n value: table\n ? campaignsList.filter((d) => d.group_id == table.group_id)\n : campaignsList,\n format: (x) => \"(\" + x.count + \"/\" + x.total + \") \" + x.name,\n label: \"Found\" + \" (\" + campaignsList.length + \")\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":523,"value":"coverage_text = md`## Filter by campaign name\n\n*You can also select a campaign from the table below to reveal its extent on the map.*\n\nClick **Add highlighted campaign to map** to add the campaign extent to the map.\n\n*Search across all campaigns with data in your selected date range.*`","pinned":false,"hidden":false,"mode":"ojs"},{"id":509,"value":"viewof search = Inputs.search(tableData, {\n datalist: [],\n width: width,\n label: md`**Search Campaigns**`,\n placeholder: \"North San Francisco Bay 2018\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1739,"value":"viewof button = Inputs.button(\"Add highlighted campaign to map\", {\n reduce: () => {\n if (polygons[\"table\"]) {\n const uid = DOM.uid().id;\n mutable polygons[uid] = mutable polygons[\"table\"].slice(0);\n delete mutable polygons[\"table\"];\n mutable signal *= -1;\n return uid;\n }\n }\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":515,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":739,"value":"request_ittle = md`## Request your Data`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1110,"value":"request_text = md`Review your selection below before submitting your request to the archive team.\n\nRequested data will include **all** stations within a given campaign.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":758,"value":"requestTable = Table(requestTableData, {\n multiple: false,\n columns: [\"Campaign\", \"Stations\"],\n value: requestTableData,\n width: { [\"Campaign\"]: \"700px\" },\n format: {\n \"Data Set\": (d) => \"{\" + d.join(\", \") + \"}\"\n }\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":892,"value":"viewof firstName = Inputs.text({ label: \"First Name\", placeholder: \"John\" })","pinned":false,"hidden":false,"mode":"ojs"},{"id":889,"value":"viewof lastName = Inputs.text({ label: \"Last Name\", placeholder: \"Smith\" })","pinned":false,"hidden":false,"mode":"ojs"},{"id":898,"value":"viewof institution = Inputs.text({\n label: \"Institution\",\n placeholder: \"University of Colorado Boulder\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":901,"value":"viewof email = Inputs.text({\n label: \"Email\",\n placeholder: \"john.smith@colorado.edu\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1102,"value":"archive_note = md`*Your requested campaign data will be reviewed by our Archive team and we will reach out with further instructions for downloading your data.*`","pinned":false,"hidden":false,"mode":"ojs"},{"id":964,"value":"viewof sendButton = Inputs.button(\"Send Request Email\", {\n disabled: !validForm || sent,\n value: null,\n reduce: send // returns timestamp if sent\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1066,"value":"sent\n ? md`**👍 Request sent ${d3.timeFormat(\"%B %d, %Y @ %I:%M\")(Date.now())}**`\n : md``","pinned":false,"hidden":false,"mode":"ojs"},{"id":17,"value":"md`---\n# Appendix`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1752,"value":"pageview","pinned":false,"hidden":false,"mode":"ojs"},{"id":1706,"value":"mutable cart = ({})","pinned":false,"hidden":false,"mode":"ojs"},{"id":49,"value":"env = importConfiguration.environment ? importConfiguration.environment : \"dev\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":1180,"value":"days = d3.timeDay.count(parseDate(startDate), parseDate(endDate))","pinned":false,"hidden":false,"mode":"ojs"},{"id":1060,"value":"validForm = {\n return (\n campaignSelection.length &&\n firstName.length &&\n lastName.length &&\n institution.length &&\n email.length &&\n email.includes(\"@\")\n );\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1090,"value":"mutable sent = false","pinned":false,"hidden":false,"mode":"ojs"},{"id":1057,"value":"function send() {\n if (validForm) {\n const response = sendCampaignRequest({\n request: requestObject,\n test: false\n });\n mutable sent = true;\n return response;\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":928,"value":"requestObject = ({\n [\"first-name\"]: firstName,\n [\"last-name\"]: lastName,\n institution: institution,\n email: email,\n campaigns: d3.merge(\n campaignSelection.map((d) =>\n d.data_sets.map((i) => {\n return {\n name: d.name,\n \"group-id\": d.group_id,\n \"data-set\": i.toString()\n };\n })\n )\n ),\n \"request-date\": d3.timeFormat(\"%b-%d-%Y\")(Date.now())\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":396,"value":"showAllGroup = true","pinned":false,"hidden":false,"mode":"ojs"},{"id":204,"value":"selectedCampaignsIndex = {\n table; // update when table is touched\n\n return new Set(\n d3.merge([\n campaignSelection.map((d) => d.group_id),\n Object.keys(mutable cart)\n ])\n );\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":659,"value":"mutable draw = null","pinned":false,"hidden":false,"mode":"ojs"},{"id":235,"value":"mutable map = null","pinned":false,"hidden":false,"mode":"ojs"},{"id":281,"value":"mutable markers = []","pinned":false,"hidden":false,"mode":"ojs"},{"id":586,"value":"highlightCampaign = {\n if (table) {\n let hull =\n groupIdMap.get(table.group_id).length > 3\n ? d3.polygonHull(\n groupIdMap\n .get(table.group_id)\n .map((d) => d.geometry.coordinates.slice(0, 2))\n )\n : null;\n\n if (hull) {\n hull.push(hull[0]);\n let longExtent = hull\n ? d3.extent(hull, (d) => d[0])\n : groupIdMap.get(table.group_id)[0].geometry.coordinates;\n let latExtent = hull\n ? d3.extent(hull, (d) => d[1])\n : groupIdMap.get(table.group_id)[0].geometry.coordinates;\n\n let bbox = [\n [longExtent[0], latExtent[0]],\n [longExtent[1], latExtent[1]]\n ];\n\n polygons[\"table\"] = hull;\n\n map.fitBounds(bbox, {\n padding: { top: 10, bottom: 25, left: 15, right: 5 }\n });\n\n mutable signal *= -1;\n }\n\n return hull;\n } else {\n draw.delete(\"table\");\n delete polygons[\"table\"];\n mutable signal *= -1;\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":266,"value":"$33","pinned":false,"hidden":false,"mode":"ojs"},{"id":657,"value":"renderPolygons = {\n highlightCampaign;\n // Redraw previously drawn polygons, if any.\n for (let id in polygons) {\n draw.add({\n type: \"Feature\",\n properties: { type: \"Feature\" },\n id: id,\n // Note, coordinates is an array of(one) polygon.\n geometry: { type: \"Polygon\", coordinates: [polygons[id]] }\n }); // Add a Polygon feature.\n }\n\n return Object.keys(polygons).length;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":78,"value":"groupIdMap = d3.group(\n campaignData.features,\n (d) => d.properties.group_id.toString()\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":8,"value":"campaignData = campaigns({ startDate: startDate, endDate: endDate })","pinned":false,"hidden":false,"mode":"ojs"},{"id":421,"value":"tableData = {\n let rows = [];\n\n let scale = d3\n .scaleLinear()\n .domain([parseDate(startDate), parseDate(endDate)])\n .range([0, 1]);\n\n for (let key of groupIdMap.keys()) {\n let list = groupIdMap.get(key);\n let extent = [\n d3.min(list.map((d) => parseDateZulu(d.properties.start_date))),\n d3.max(list.map((d) => parseDateZulu(d.properties.end_date)))\n ];\n\n let extentScale = d3.scaleLinear().domain(extent).range([0, 1]);\n\n rows.push({\n length: groupIdMap.get(key).length,\n group_id: key,\n Campaign: list[0].properties.campaign_name,\n Coverage: [extent.map((d) => scale(d))],\n Start: extent[0],\n End: extent[1],\n Days: d3.timeDay.count(...extent),\n Add: key\n });\n }\n\n return rows;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":751,"value":"requestTableData = {\n let rows = [];\n\n selectedCampaignsIndex.forEach((id) => {\n let dataSet = d3.group(groupIdMap.get(id), (d) => d.properties.data_set);\n let keys = [];\n for (let [key, value] of dataSet) {\n keys.push(key);\n }\n rows.push({\n Campaign: campaignsDictionary[id],\n Stations: groupIdMap.get(id).length,\n \"Data Set\": keys.sort()\n });\n });\n return rows;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":149,"value":"campaignsDictionary = {\n let dict = {};\n polygonSearchResults.features\n .filter((d) => groupIdMap.has(d.properties.group_id.toString()))\n .forEach((d) => {\n dict[d.properties.group_id] = d.properties.campaign_name;\n });\n\n return dict;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":179,"value":"campaignsList = {\n let list = [];\n for (const id in campaignsDictionary) {\n let unique = [\n ...new Set(\n groupIdMap.get(id.toString()).map((item) => item.properties.data_set)\n )\n ];\n list.push({\n group_id: id,\n name: campaignsDictionary[id],\n count: polygonSearchResultsByGroup.get(id.toString()).length,\n total: groupIdMap.get(id.toString()).length,\n data_sets: unique // e.g. [1, 2, 3, 4, 5]\n });\n }\n\n return list;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":103,"value":"polygonSearchResults = {\n signal;\n if (Object.keys(polygons).length) {\n return await campaigns({\n polygons: Object.keys(polygons).map((id) => {\n signal; // Force evaluation of this cell to occur.\n return polygons[id];\n })\n });\n }\n return { type: \"FeatureCollection\", features: [], totalFeatures: 0 };\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":318,"value":"polygonSearchResultsByGroup = d3.group(polygonSearchResults.features, (d) =>\n d.properties.group_id.toString()\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":100,"value":"mutable signal = 1","pinned":false,"hidden":false,"mode":"ojs"},{"id":429,"value":"style = html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":909,"value":"// Returns a canvas element to represent a series of intervals in the range [0, 1].\nfunction sparkline(intervals, { width = 250, height = 20 }) {\n const x = d3\n .scaleLinear()\n .domain([0, 1])\n .range([1, width - 1]);\n const y = d3\n .scaleLinear()\n .domain([0, 1])\n .range([height / 2, height / 2]);\n const context = DOM.context2d(width, height);\n const line = d3\n .line()\n .x((d, i) => x(d))\n .y(y)\n .context(context);\n\n context.beginPath();\n context.rect(0, 0, width, height);\n context.stroke();\n\n context.lineWidth = height - 2;\n context.strokeStyle = \"green\";\n\n intervals.forEach((range) => {\n context.beginPath();\n line(range);\n context.stroke();\n });\n\n return context.canvas;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":97,"value":"// The collection of drawn bounding polygons used for spatial search\n// Polygons can be created, updated, and deleted from this list using perisistent ids\n// Polygons have a 'id' property and a 'geometry' property with a 'coordinates' array of (long, lat) tuples.\n// (easting, northing)\nmutable polygons = importConfiguration.polygons\n ? importConfiguration.polygons\n : {}","pinned":false,"hidden":false,"mode":"ojs"},{"id":34,"value":"mutable importConfiguration = {\n let dict = {};\n let i = 0;\n\n // Hack: Fixes apparent bug with Observable passing location.search down from parent frame.\n while (!location.search && i < 2) {\n i++;\n yield Promises.tick(1000, {});\n }\n\n if (location.search) {\n let queries = location.search.length\n ? location.search\n .substring(1)\n .split(\"&\")\n .map((d) => d.split(\"=\"))\n : [];\n\n queries.forEach((d) => {\n if (d[1]) {\n try {\n dict[d[0]] = JSON.parse(decodeURIComponent(d[1]));\n } catch (error) {\n console.log(\"Unable to process query parameter: \", d[0], d[1]);\n }\n }\n });\n }\n\n yield dict;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":31,"value":"dateFormat = d3.timeFormat(\"%Y-%m-%d\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":28,"value":"import { date } from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":85,"value":"parseDateZulu = d3.timeParse(\"%Y-%m-%d%Z\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":920,"value":"parseDate = d3.timeParse(\"%Y-%m-%d\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":52,"value":"oneDecadeAgo = d3.timeYear.offset(new Date(), -10)","pinned":false,"hidden":false,"mode":"ojs"},{"id":16,"value":"oneWeekAgo = {\n let c = new Date(); // today, still today!\n c.setDate(today.getDate() - 7);\n return c;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":24,"value":"today = new Date()","pinned":false,"hidden":false,"mode":"ojs"},{"id":92,"value":"mapboxgl = {\n const gl = await require(\"mapbox-gl@2.9.1\");\n if (!gl.accessToken) {\n gl.accessToken =\n \"pk.eyJ1IjoiYnJvb2tzbWFwcyIsImEiOiJja25ycjdmZXMwc3NoMm9xbXdpNThra2huIn0.j1ccDRj-S8MCp33aq9zbDw\";\n const href = await require.resolve(\"mapbox-gl@2.9.1/dist/mapbox-gl.css\");\n document.head.appendChild(html``);\n }\n return gl;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":89,"value":"MapboxDraw = {\n const gl = await require(\"@mapbox/mapbox-gl-draw\");\n const href = await require.resolve(\"@mapbox/mapbox-gl-draw/dist/mapbox-gl-draw.css\");\n document.head.appendChild(html``);\n return gl;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":136,"value":"colorScale = d3.scaleOrdinal(d3.schemeCategory10)","pinned":false,"hidden":false,"mode":"ojs"},{"id":64,"value":"import {Search, Table, Button, Toggle, Range, Radio} from \"@observablehq/inputs\"\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":45,"value":"import { campaigns } with { env as environment } from \"@earthscope/gnss-web-services\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":128,"value":"import { Legend, Swatches } from \"@d3/color-legend\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":314,"value":"import { drawIcon, deleteIcon } from \"@earthscope/gnss-data-access\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":967,"value":"import { sendCampaignRequest } from \"@earthscope/internal-web-services\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":1749,"value":"import { pageview } from \"@earthscope/pageview\"","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W34","stdlib":"1","titling":"auto"}