2b:T421,viewof yourLocation = { const form = html``; const round = (n) => +n.toFixed(precision); const formatLocation = ({ longitude, latitude }) => [ `${Math.abs(latitude)}°${latitude > 0 ? "N" : "S"}`, `${Math.abs(longitude)}°${longitude > 0 ? "E" : "W"}` ].join(", "); form.b.onclick = async (event) => { form.value = await new Promise((resolve, reject) => { navigator.geolocation.getCurrentPosition( ({ coords: { longitude, latitude } }) => resolve({ longitude: round(longitude), latitude: round(latitude) }), reject ); form.o.value = "Locating…"; }); form.o.value = formatLocation(form.value); form.dispatchEvent(new CustomEvent("input")); }; form.value = { longitude: 0, latitude: 0 }; form.o.value = formatLocation(form.value); return form; }2c:[] 29:{"title":"Daily Café Picker","cells":[{"id":0,"value":"

Daily
Café
Picker

This randomly selects a different café in a given area every day. (It defaults to San Francisco.) The result is the same for everyone who looks at the same place the same day, so you could meet up without any communication among participants.

","pinned":false,"hidden":false,"mode":"html"},{"id":149,"value":"","pinned":false,"hidden":false,"mode":"html"},{"id":331,"value":"

${place.name} on Yelp

","pinned":false,"hidden":false,"mode":"html"},{"id":189,"value":"viewof locationType = Inputs.radio([\"City\", \"Your location\"], {\n value: \"City\",\n label: \"Show results for\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":270,"value":"viewof placeName = Inputs.text({\n value: \"SF\",\n label: \"City\",\n submit: true,\n disabled: locationType !== \"City\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":186,"value":"$2b","pinned":false,"hidden":false,"mode":"ojs"},{"id":417,"value":"Your location is rounded to the nearest ${10 ** precision}th of a degree of longitude and latitude, so that you’ll get the same result as everyone else whose location rounds to the same spot — in your case, an area of about ${area.toPrecision(2)} square miles.","pinned":false,"hidden":false,"mode":"md"},{"id":430,"value":"viewof precision = Inputs.text({\n type: \"number\",\n value: 1,\n label: \"Number of decimal places to round to\",\n submit: true\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":438,"value":"The principle is not limited to cafes; you can pick any Yelp category.","pinned":false,"hidden":false,"mode":"md"},{"id":378,"value":"viewof category = Inputs.text({\n label: \"Category\",\n datalist: categories,\n submit: true,\n value: \"cafes\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":426,"value":"Remember, you’ll only be sent to the same spot as someone else if all these inputs are the same for them!","pinned":false,"hidden":false,"mode":"md"},{"id":88,"value":"---\n## Appendix","pinned":false,"hidden":false,"mode":"md"},{"id":12,"value":"seed = +d3.timeDay.floor(new Date())","pinned":true,"hidden":false,"mode":"ojs"},{"id":13,"value":"place = d3.shuffler(d3.randomLcg(seed))(places.slice(0))[0]","pinned":true,"hidden":false,"mode":"ojs"},{"id":10,"value":"places = results.filter(d => d.rating >= 3).sort((a, b) => d3.descending(a.id, b.id))","pinned":true,"hidden":false,"mode":"ojs"},{"id":484,"value":"Math.sqrt(area) / 2","pinned":true,"hidden":false,"mode":"ojs"},{"id":119,"value":"results = {\n let results = [];\n let n = 0;\n while (true) {\n const page = await search(category, n);\n results = results.concat(page.businesses);\n if (results.length >= page.total) break;\n if (n++ > 10) break;\n }\n return results;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":43,"value":"async function search(category, page = 0) {\n const limit = 50;\n const params = { limit, offset: page * limit, categories: category };\n\n if (locationType === \"City\") {\n params.location = placeName;\n } else {\n Object.assign(params, yourLocation);\n params.radius = Math.round((Math.sqrt(area) / 2) * 1609); // convert miles to meters\n }\n\n return (\n await fetch(\n `https://cors-proxy.visnup.vercel.app/api.yelp.com/v3/businesses/search?${new URLSearchParams(\n params\n )}`,\n {\n headers: { authorization: `Bearer ${yelpKey}` }\n }\n )\n ).json();\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":373,"value":"categories = (\n await (\n await fetch(\n `https://cors-proxy.visnup.vercel.app/api.yelp.com/v3/categories`,\n {\n headers: { authorization: `Bearer ${yelpKey}` }\n }\n )\n ).json()\n).categories.map((d) => d.alias)","pinned":true,"hidden":false,"mode":"ojs"},{"id":40,"value":"// Docs: https://www.yelp.com/developers/documentation/v3/business_search\nyelpKey = \"n4MdpSiiFKFAukCljMUheeOWjBXygRXSXGsCyuVqJnhxv3yXwOzPXKXWhClXIenujoNRRDP1nMHFwHUxN6Gm1g872bDyGT3k5UWyDGvSyQawYPz9jXnESXjWLP_kYHYx\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":147,"value":"// Docs: https://developers.google.com/maps/documentation/embed/map-generator\ngmapsKey = \"AIzaSyBz_sOVfuXMJsi5YLkNW0SJv3VqklumDAc\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":422,"value":"// Adapted from https://www.johndcook.com/how_big_is_a_degree.html. All lengths in miles. This is only approximate, because it assumes the area is small relative to the surface of the earth, and treats it as rectangular, which it totally isn’t. That sloppiness is of course mine (Toph’s), not John D. Cook’s.\narea = {\n const { latitude, longitude } = yourLocation;\n const unit = 1 / 10 ** precision;\n\n // \"A degree of latitude, one degree north or south, is about the same distance anywhere\"\n const latLength = 69;\n\n // Compute spherical coordinates to find length of one degree of longitude\n const earthCircumference = 24902.0;\n const longLength =\n (Math.cos((latitude * Math.PI) / 180.0) * earthCircumference) / 360.0;\n\n return latLength * longLength * unit ** 2;\n}","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W2c","stdlib":"1","titling":"auto"}