44:["$","title",null,{"children":"CliMA Site Locations | Martin Bernard | Observable"}] 4c:Ta37,chart = { const context = DOM.context2d(width, height); const path = d3.geoPath(projection, context); function render() { context.clearRect(0, 0, width, height); context.fillStyle = "#1f1e25" context.rect(0,0,width,height); context.fill(); //sphere background context.beginPath(), path(sphere), (context.fillStyle = "#6f7490"), context.fill(); //land polygons context.beginPath(), path(land50), (context.fillStyle = "#383a48"), context.fill(); //lat,lon lines context.beginPath(), path(graticule), (context.strokeStyle = "rgba(255, 255, 255, 0.2)"), context.lineWidth = .5, context.stroke(); //full LES site list context.beginPath(), path(all_LES_features), (context.strokeStyle = "rgba(255, 255, 255, 0.2)"), (context.fillStyle = "rgba(255, 255, 255, 0.1)"), context.lineWidth = 1, context.fill(); context.stroke(); //sites in database context.beginPath(), path(active_LES_features), (context.strokeStyle = "rgba(0, 0, 255, 0.4)"), (context.fillStyle = "rgba(0, 0, 255, 0.2)"), context.lineWidth = 4, context.fill(); context.stroke(); //selected dataset context.beginPath(), path(active_site_feature), (context.strokeStyle = "rgba(0, 0, 255, 0.6)"), (context.fillStyle = "rgba(0, 0, 255, 0.4)"), context.lineWidth = 12, context.fill(); context.stroke(); //diagnostics box let w=200; let h=75; let w1=width-w; let h1=height-h; context.beginPath(), (context.fillStyle = "rgba(255, 255, 255, 0.1)"), context.rect(w1,h1,w-10,h-10); context.fill(); //text context.font = "14px Roboto"; context.fillStyle = "rgba(255, 255, 255, 1)"; context.fillText("Site " + selected_site + " : " + get_site_coords(selected_site)[1] + "° N, " + get_site_coords(selected_site)[0] + "° E ", w1+5, h1+15); //bar graph context.font = "10px Roboto"; context.fillText("tke", w1+5, h1+30) for (let i=0;i x * scale)) .on("start", zoomstarted) .on("zoom", zoomed); function point(event, that) { const t = d3.pointers(event, that); if (t.length !== tl) { tl = t.length; if (tl > 1) a0 = Math.atan2(t[1][1] - t[0][1], t[1][0] - t[0][0]); zoomstarted.call(that, event); } return tl > 1 ? [ d3.mean(t, p => p[0]), d3.mean(t, p => p[1]), Math.atan2(t[1][1] - t[0][1], t[1][0] - t[0][0]) ] : t[0]; } function zoomstarted(event) { v0 = versor.cartesian(projection.invert(point(event, this))); q0 = versor((r0 = projection.rotate())); } function zoomed(event) { projection.scale(event.transform.k); const pt = point(event, this); const v1 = versor.cartesian(projection.rotate(r0).invert(pt)); const delta = versor.delta(v0, v1); let q1 = versor.multiply(q0, delta); // For multitouch, compose with a rotation around the axis. if (pt[2]) { const d = (pt[2] - a0) / 2; const s = -Math.sin(d); const c = Math.sign(Math.cos(d)); q1 = versor.multiply([Math.sqrt(1 - s * s), 0, 0, c * s], q1); } projection.rotate(versor.rotation(q1)); // In vicinity of the antipode (unstable) of q0, restart. if (delta[0] < 0.7) zoomstarted.call(this, event); } return Object.assign(selection => selection .property("__zoom", d3.zoomIdentity.scale(projection.scale())) .call(zoom), { on(type, ...options) { return options.length ? (zoom.on(type, ...options), this) : zoom.on(type); } }); }4e:[{"id":"efcaaf9f0b260e09b6afeaee6dbc1b91ad45f3328561cd67eb16a1754096c1095f70d284acdc4b004910e89265b60eba2706334e0dc84ded38fd9209083d4cef","href":"https://static.observableusercontent.com/files/efcaaf9f0b260e09b6afeaee6dbc1b91ad45f3328561cd67eb16a1754096c1095f70d284acdc4b004910e89265b60eba2706334e0dc84ded38fd9209083d4cef","name":"land-50m.json","type":"application/octet-stream","lastModified":1616091816110.248,"size":545534},{"id":"9631a96ad0393edfb31d611947fb7bcd529dacaec9009adbe02558412a3a8b79dccad4ff9cf3fd325e1c3d544f36f40ecc473d251196f84e67f3039c9c4378dd","href":"https://static.observableusercontent.com/files/9631a96ad0393edfb31d611947fb7bcd529dacaec9009adbe02558412a3a8b79dccad4ff9cf3fd325e1c3d544f36f40ecc473d251196f84e67f3039c9c4378dd","name":"geolocations.json","type":"application/json","lastModified":1616091817544.049,"size":3091},{"id":"3491246e3ed8a232984261fc59e35c66eed1a8e82100d02a516dc37722d4319e9409e17e8ea282c8bc2b20d9d2a54ddcb4fee4ddd4bb4d03f20aa8dfaa900cd4","href":"https://static.observableusercontent.com/files/3491246e3ed8a232984261fc59e35c66eed1a8e82100d02a516dc37722d4319e9409e17e8ea282c8bc2b20d9d2a54ddcb4fee4ddd4bb4d03f20aa8dfaa900cd4","name":"geolocations@2.json","type":"application/json","lastModified":1622762096328.871,"size":2152}] 48:{"id":"843634fd5a076d8e","slug":"clima-site-locations","title":"CliMA Site Locations","thumbnail":"f1ec69e0bc5b4003a4dcdbefa4fc9f1c7f3ec613ea142685c7466151bf460473","access_level":"public","create_time":"$D2021-03-18T18:23:36.110Z","update_time":"$D2022-04-25T14:28:41.220Z","view_time":null,"first_public_time":"$D2021-08-17T22:32:40.259Z","has_unpublished_edits":null,"fork":{"id":"d422dd0a1d5ee8b8","slug":"versor-dragging","title":"Versor dragging","owner":{"id":"863951e3ebe4c0ae","login":"d3","name":"D3"}},"stars":0,"starred":false,"owner":{"type":"team","id":"4e85ae4150f40ab7","login":"mwbernard9","name":"Martin Bernard","avatar_url":"https://avatars-next.observableusercontent.com/d3b9170ece9190ed2d05b90a43a8f2b1540caf2998c6f32da2f9e9c2f2ec2025","tier":"starter_2024","bio":"Designer and programmer living in Los Angeles.","followed_by_you":false,"follows_you":false},"version":638,"publish_version":638,"role":null,"authored":false,"authors":[{"type":"individual","id":"b64fd1b94bf75486","login":"mwbernard9","name":"Martin Bernard","avatar_url":"https://avatars-next.observableusercontent.com/d3b9170ece9190ed2d05b90a43a8f2b1540caf2998c6f32da2f9e9c2f2ec2025","tier":null,"bio":"Designer and programmer living in Los Angeles.","followed_by_you":false,"follows_you":false}],"members":[{"type":"individual","id":"b64fd1b94bf75486","login":"mwbernard9","name":"Martin Bernard","avatar_url":"https://avatars-next.observableusercontent.com/d3b9170ece9190ed2d05b90a43a8f2b1540caf2998c6f32da2f9e9c2f2ec2025","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"titling":"auto","title":"CliMA Site Locations","cells":[{"id":0,"value":"md`# CliMA Site Locations`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":343,"value":"viewof num_sites = Inputs.range([1, 20], {value: 15, step: 1, label: \"Number of Active Sites (Randomly Selected)\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":350,"value":"viewof selected_site = Inputs.select(active_LES, {label: \"Selected Site Number\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":127,"value":"viewof projectionName = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"$4c","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":76,"value":"$4d","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":14,"value":"projection = projections.geoNaturalEarth2().rotate([45,0])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":12,"value":"height = {\n const [[x0, y0], [x1, y1]] = d3.geoPath(projection.fitWidth(width, sphere)).bounds(sphere);\n const dy = Math.ceil(y1 - y0), l = Math.min(Math.ceil(x1 - x0), dy);\n projection.scale(projection.scale() * (l - 1) / l).precision(0.2);\n return dy;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":27,"value":"sphere = ({type: \"Sphere\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":136,"value":"land50 = FileAttachment(\"land-50m.json\").json().then(world => topojson.feature(world, world.objects.land))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":518,"value":"FileAttachment(\"land-50m.json\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":259,"value":"graticule = d3.geoGraticule10()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":21,"value":"all_LES_features = ({\n type: \"FeatureCollection\",\n features: [({\n type: \"Feature\",\n properties: ({}),\n geometry: ({\n type: \"MultiPoint\",\n coordinates: sites_test\n })\n })]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":295,"value":"active_LES_features = ({\n type: \"FeatureCollection\",\n features: [({\n type: \"Feature\",\n properties: ({}),\n geometry: ({\n type: \"MultiPoint\",\n coordinates: d3.map(active_LES, d=>all_LES[d])\n })\n })]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":305,"value":"active_site_feature = ({\n type: \"Feature\",\n properties: ({\"radius\": \"8m\"}),\n geometry: ({\n type: \"Point\",\n coordinates: get_site_coords(selected_site)\n })\n })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":286,"value":"all_LES_file = FileAttachment(\"geolocations@2.json\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":597,"value":"all_LES = Object.keys(all_LES_file).map(function(key){\n return all_LES_file[key];\n});","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":571,"value":"sites_test = {\n let temp = []\n for (let i=0; i