2c:null 2d:["$","title",null,{"children":"Beach Brunching | Sara Stoudt | Observable"}] 32:T546,map = svg``33:T550,map2 = svg``34:T550,map3 = svg``35:[] 30:{"id":"af3983e68086c31c","slug":"beach-brunching","title":"Beach Brunching","thumbnail":"62a6f090dc9db26ae4f9e4e14411dfd773728a52c759ba9aeeb1261235cc9dcb","access_level":"public","create_time":"$D2019-08-16T16:35:19.002Z","update_time":"$D2019-08-23T21:04:38.244Z","view_time":null,"first_public_time":"$D2019-08-24T00:16:21.085Z","has_unpublished_edits":null,"fork":{"id":"0fd0b3786641a422","slug":"the-inglewood-lunch-inventory","title":"The Inglewood Inventory","owner":{"id":"ecf037f5c1847e7a","login":"palewire","name":"Ben Welsh"}},"stars":1,"starred":false,"owner":{"type":"team","id":"21490f5124ec2110","login":"sastoudt","name":"Sara Stoudt","avatar_url":"https://avatars-next.observableusercontent.com/471168e2f0cb04091ce07414d0f84bc88e938d0339f75769b5c8c2eef5743deb","tier":"starter_2024"},"version":1042,"publish_version":1042,"role":null,"authored":false,"authors":[{"type":"individual","id":"d1a9012e08b6ce58","login":"sastoudt","name":"Sara Stoudt","avatar_url":"https://avatars-next.observableusercontent.com/471168e2f0cb04091ce07414d0f84bc88e938d0339f75769b5c8c2eef5743deb","tier":null}],"members":[{"type":"individual","id":"d1a9012e08b6ce58","login":"sastoudt","name":"Sara Stoudt","avatar_url":"https://avatars-next.observableusercontent.com/471168e2f0cb04091ce07414d0f84bc88e938d0339f75769b5c8c2eef5743deb","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Beach Brunching","cells":[{"id":0,"value":"md`# Beach Brunching\n\n

Brunch spots (and some miscellaneous eateries) visited while interning at [the Los Angeles Times Data Desk](http://www.twitter.com/LATdatadesk)

Beyond downtown Manhattan Beach

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":813,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":988,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":521,"value":"md`### The blog\n\n

Tweets, photos, and feelings

The computer programming that makes this page go.

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":120,"value":"css = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"projection = d3.geoMercator()\n .center([-118.4109, 33.8847])\n .scale(3000000)\n .translate([width / 2, height / 2])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":18,"value":"tiles = Promise.all(tile().map(async d => {\n d.data = await d3.json(`https://tile.nextzen.org/tilezen/vector/v1/256/all/${d.z}/${d.x}/${d.y}.json?api_key=noCZPtNaR6md5OgKRsJdjQ`); // Sign up for an API key: https://www.nextzen.org\n return d;\n}))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":36,"value":"brunch = await d3.json(`https://gist.githubusercontent.com/sastoudt/8693d2fcf3559808e0524b0a00438b97/raw/a696cb93eeced6cb4c7619a67d4b53d72dfd4cac/beach-brunch`)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":57,"value":"points = filter(brunch, d => d.geometry.type == 'Point')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":832,"value":"corrections = ({\n \n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":822,"value":"processed_points = points.features.map(function(d){\n if (d.properties.name in corrections) {\n let correx = corrections[d.properties.name];\n d.properties.dy = correx.dy;\n d.properties.dx = correx.dx;\n d.properties.textAnchor = correx.textAnchor;\n } else {\n d.properties.dy = 5;\n d.properties.dx = 10;\n d.properties.textAnchor = 'start';\n }\n return d;\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":847,"value":"polygons = filter(brunch, d => d.geometry.type != 'Point')\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":20,"value":"tile = d3.tile()\n .size([width, height])\n .scale(projection.scale() * 2 * Math.PI)\n .translate(projection([0, 0]))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":14,"value":"function filter({features}, test) {\n return {type: \"FeatureCollection\", features: features.filter(test)};\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":12,"value":"path = d3.geoPath(projection)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"height = 600","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":837,"value":"projection2 = d3.geoMercator()\n .center([-118.4109, 33.8847])\n .scale(400000)\n .translate([width / 2, height / 2])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":875,"value":"tiles2 = Promise.all(tile2().map(async d => {\n d.data = await d3.json(`https://tile.nextzen.org/tilezen/vector/v1/256/all/${d.z}/${d.x}/${d.y}.json?api_key=noCZPtNaR6md5OgKRsJdjQ`); // Sign up for an API key: https://www.nextzen.org\n return d;\n}))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":841,"value":"processed_points2 = points.features.map(function(d){\n if (d.properties.name in corrections) {\n let correx = corrections[d.properties.name];\n d.properties.dy = correx.dy;\n d.properties.dx = correx.dx;\n d.properties.textAnchor = correx.textAnchor;\n } else {\n d.properties.dy = 5;\n d.properties.dx = 10;\n d.properties.textAnchor = 'start';\n }\n return d;\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":855,"value":"tile2 = d3.tile()\n .size([width, height])\n .scale(projection2.scale() * 2 * Math.PI)\n .translate(projection2([0, 0]))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":858,"value":"path2 = d3.geoPath(projection2)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":490,"value":"import {tweet} from \"@mbostock/tweet\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"d3 = require(\"d3-geo@1\", \"d3-selection@1\", \"d3-fetch@1\", \"d3-tile@0.0\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":978,"value":"projection3 = d3.geoMercator()\n .center([-118.4109, 33.8847])\n .scale(100000)\n .translate([width / 2, height / 2])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":980,"value":"tiles3 = Promise.all(tile3().map(async d => {\n d.data = await d3.json(`https://tile.nextzen.org/tilezen/vector/v1/256/all/${d.z}/${d.x}/${d.y}.json?api_key=noCZPtNaR6md5OgKRsJdjQ`); // Sign up for an API key: https://www.nextzen.org\n return d;\n}))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":982,"value":"processed_points3 = points.features.map(function(d){\n if (d.properties.name in corrections) {\n let correx = corrections[d.properties.name];\n d.properties.dy = correx.dy;\n d.properties.dx = correx.dx;\n d.properties.textAnchor = correx.textAnchor;\n } else {\n d.properties.dy = 5;\n d.properties.dx = 10;\n d.properties.textAnchor = 'start';\n }\n return d;\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":984,"value":"tile3 = d3.tile()\n .size([width, height])\n .scale(projection3.scale() * 2 * Math.PI)\n .translate(projection3([0, 0]))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":986,"value":"path3 = d3.geoPath(projection3)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W35","stdlib":"1"}} 31:"$30:body"