31:T514,Plot.plot({ width: 1160, height: 600, projection: "albers", marks: [ Plot.geo(nation), Plot.geo(statemesh, { strokeOpacity: 0.2 }), Plot.dot(filteredData, { x: "longitude", y: "latitude", r: CIRCLE_RADIUS, opacity: 0.2, fill: SPOOKY_ORANGE // stroke: "white" // Performance hit }), Plot.circle(lat_lon, { x: "lon", y: "lat", r: (mi_distance + CIRCLE_RADIUS * Math.PI) / Math.PI, fill: "transparent", stroke: "black" }), // // Fun but choppy, not performant // Plot.text(Data, { // x: "longitude", // y: "latitude", // r: 2, // text: (d) => "🎃", // opacity: (d) => // calcCrow(d.latitude, d.longitude, lat_lon[0].lat, lat_lon[0].lon) < // mi_distance // ? 0.2 // : 0 // }), Plot.voronoiMesh(filteredData, { x: "longitude", y: "latitude", opacity: showVoronoi ? 1 : 0 }), Plot.dot(lat_lon, { x: "lon", y: "lat", r: 5, fill: SPOOKY_ORANGE, stroke: "white" }) // Plot.text(lat_lon, { // text: (d) => "You", // x: "lon", // y: "lat", // r: 10, // fill: "white", // fontSize: 10 // // stroke: "white" // }) ] })32:[{"id":"fedce054cf6c8af85bc671a3e91ee8926f31663bba9ce490ab894b638226ed2dbe4b6f1a2a00deadf675f6304c2a2dfd81160daa7addf517817810dbbeb4c4e3","href":"https://static.observableusercontent.com/files/fedce054cf6c8af85bc671a3e91ee8926f31663bba9ce490ab894b638226ed2dbe4b6f1a2a00deadf675f6304c2a2dfd81160daa7addf517817810dbbeb4c4e3","name":"data.csv","type":"text/csv","lastModified":1697294112337.069,"size":5375565},{"id":"ff73290f3fccc5db55f09031bb845e639a07e444ca9fbcf83f2dbb4600a38bf4baccb2a85df3c24dba57a4ed64c230dcf1a87604453969495db835c5f3cbebf2","href":"https://static.observableusercontent.com/files/ff73290f3fccc5db55f09031bb845e639a07e444ca9fbcf83f2dbb4600a38bf4baccb2a85df3c24dba57a4ed64c230dcf1a87604453969495db835c5f3cbebf2","name":"us-counties-10m.json","type":"application/json","lastModified":1697294917904.136,"size":842177}] 2f:{"title":"The haunted places near you 👻","cells":[{"id":123,"value":"

The haunted places near you 👻

","pinned":false,"hidden":false,"mode":"html"},{"id":277,"value":"viewof selected_location = Inputs.text({\n label: \"U.S. city\",\n placeholder: \"Enter closest major city name\",\n datalist: [...new Set(listOfLocationsWithLatLon.map((d) => d.name))],\n value: \"Houston, Texas\",\n width: \"300px\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":201,"value":"viewof mi_distance = Inputs.range([1, 3000], {\n step: 1,\n value: 100,\n label: \"Distance (miles)\",\n width: \"300px\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":236,"value":"

There are ${filteredData.length} haunted places within ${mi_distance}m of you.

","pinned":false,"hidden":false,"mode":"html"},{"id":81,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":360,"value":"Inputs.table(filteredData, {\n columns: [\"location\", \"distance\", \"description\"],\n sort: \"distance\",\n header: {\n location: \"Location\",\n distance: \"Distance (mi)\",\n description: \"Description\"\n },\n width: {\n location: 180,\n distance: 100\n },\n align: {\n distance: \"left\"\n },\n layout: \"auto\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":497,"value":"_{Data: The Shadowlands Haunted Place Index, compiled by Timothy Renner.}","pinned":false,"hidden":false,"mode":"html"},{"id":385,"value":"

Ignore below 🎃

","pinned":false,"hidden":false,"mode":"html"},{"id":221,"value":"viewof showVoronoi = Inputs.toggle({ label: \"Show Voronoi\" })","pinned":false,"hidden":false,"mode":"ojs"},{"id":306,"value":"Current location access status is ${permission_explanation(geo_permission_status)}. You can also enter a city below.","pinned":false,"hidden":false,"mode":"html"},{"id":434,"value":"CIRCLE_RADIUS = 5","pinned":false,"hidden":false,"mode":"ojs"},{"id":187,"value":"filteredData = Data.filter(\n (d) =>\n calcCrow(d.latitude, d.longitude, lat_lon[0].lat, lat_lon[0].lon) <\n mi_distance\n).map((d) => ({\n distance: calcCrow(d.latitude, d.longitude, lat_lon[0].lat, lat_lon[0].lon),\n ...d\n}))","pinned":false,"hidden":false,"mode":"ojs"},{"id":138,"value":"lat_lon = selected_location\n ? input_lat_lon\n : coords\n ? user_lat_lon\n : \"Houston, Texas\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":322,"value":"user_lat_lon = coords instanceof Error\n ? []\n : [{ lat: coords.latitude, lon: coords.longitude }]","pinned":false,"hidden":false,"mode":"ojs"},{"id":325,"value":"input_lat_lon = [\n {\n lat: listOfLocationsWithLatLon.find((d) => d.name == selected_location)\n ?.latitude,\n lon: listOfLocationsWithLatLon.find((d) => d.name == selected_location)\n ?.longitude\n }\n]","pinned":false,"hidden":false,"mode":"ojs"},{"id":329,"value":"selected_location","pinned":false,"hidden":false,"mode":"ojs"},{"id":176,"value":"// This function takes in latitude and longitude of two location and returns the distance between them as the crow flies (in km)\nfunction calcCrow(lat1, lon1, lat2, lon2) {\n var R = 3958.8; // in miles; use 6371 for km\n var dLat = toRad(lat2 - lat1);\n var dLon = toRad(lon2 - lon1);\n var lat1 = toRad(lat1);\n var lat2 = toRad(lat2);\n\n var a =\n Math.sin(dLat / 2) * Math.sin(dLat / 2) +\n Math.sin(dLon / 2) * Math.sin(dLon / 2) * Math.cos(lat1) * Math.cos(lat2);\n var c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a));\n var d = R * c;\n return d;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":180,"value":"// Converts numeric degrees to radians\nfunction toRad(Value) {\n return (Value * Math.PI) / 180;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":57,"value":"SPOOKY_ORANGE = \"#e67935\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":83,"value":"nation = topojson.feature(us, us.objects.nation)","pinned":false,"hidden":false,"mode":"ojs"},{"id":91,"value":"us = FileAttachment(\"us-counties-10m.json\").json()","pinned":false,"hidden":false,"mode":"ojs"},{"id":87,"value":"statemesh = topojson.mesh(us, us.objects.states, (a, b) => a !== b)","pinned":false,"hidden":false,"mode":"ojs"},{"id":291,"value":"listOfLocationsWithLatLon = [\n ...new Set(\n Data.map((d) => ({\n name: `${d.city}, ${d.state}`,\n latitude: d.city_latitude,\n longitude: d.city_longitude\n }))\n )\n]","pinned":false,"hidden":false,"mode":"ojs"},{"id":127,"value":"coords = new Promise((resolve, reject) => {\n if (navigator.geolocation)\n navigator.geolocation.getCurrentPosition(\n (pos) => resolve(pos.coords),\n // (err) => reject(Error(err.message))\n // If the user rejects geolocation, assign a default of Houston, TX coords\n (err) => resolve([29.748317306439283, -95.34112091304429])\n );\n else reject(Error(\"this browser does not support geolocation.\"));\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":131,"value":"geo_permission_status = Generators.observe(change => { \n let permission_status;\n change('unknown');\n\n navigator.permissions\n .query({name:'geolocation'})\n .then(result => {\n permission_status = result;\n result.onchange = function() { change(this.state); }\n change(result.state);\n });\n\n return () => permission_status.onchange = null;\n});","pinned":false,"hidden":false,"mode":"ojs"},{"id":132,"value":"permission_explanation = (status) => {\n switch (status) {\n case \"granted\":\n return `${status}: this domain is allowed to access the Geolocation API`;\n case \"prompt\":\n return `${status}: this domain has not yet requested permission to access the Geolocation API`;\n case \"denied\":\n return `${status}: this domain is not allowed to access the Geolocation API. the permission can be reset in the browser settings. If you are browsing in privacy mode, you should start a new privacy session to reset.`;\n default:\n return `${status}: this browser may not implement the permissions API`;\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":3,"value":"Data = await FileAttachment(\"data.csv\").csv({typed: \"auto\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":507,"value":"import { style } from '@connorrothschild/styles'","pinned":true,"hidden":false,"mode":"ojs"},{"id":518,"value":"style","pinned":true,"hidden":false,"mode":"ojs"},{"id":531,"value":"customStyle = html`\n\n\n\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":639,"value":"null","pinned":true,"hidden":false,"mode":"ojs"},{"id":553,"value":"customStyle","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}