2c:null 2d:["$","title",null,{"children":"New Orleans homicides | Aaron Williams | Observable"}] 32:T76c,map = { const graphic = svg`` yield graphic; d3.select('#nola') .append('g') .call(scaleBar); }33:[] 30:{"id":"21e6df2d160fb6ff","slug":"new-orleans-homicides","title":"New Orleans homicides","thumbnail":"4785bd13847f5f8628a2a48c9a52d3a4a56a59f1ea33f54e34177c55e64e3957","access_level":"public","create_time":"$D2018-11-12T16:12:11.414Z","update_time":"$D2021-01-12T21:10:00.325Z","view_time":null,"first_public_time":"$D2018-11-28T18:44:34.473Z","has_unpublished_edits":null,"fork":true,"stars":5,"starred":false,"owner":{"type":"team","id":"eb234b21118ba2f1","login":"aboutaaron","name":"Aaron Williams","avatar_url":"https://avatars-next.observableusercontent.com/d3a33f280ffec5c8283a9aae244b575dced553a6f821571324a77d92f0ac5839","tier":"starter_2024"},"version":581,"publish_version":581,"role":null,"authored":false,"authors":[{"type":"individual","id":"c8854dae9d7f94e1","login":"aboutaaron","name":"Aaron Williams","avatar_url":"https://avatars-next.observableusercontent.com/d3a33f280ffec5c8283a9aae244b575dced553a6f821571324a77d92f0ac5839","tier":null}],"members":[{"type":"individual","id":"c8854dae9d7f94e1","login":"aboutaaron","name":"Aaron Williams","avatar_url":"https://avatars-next.observableusercontent.com/d3a33f280ffec5c8283a9aae244b575dced553a6f821571324a77d92f0ac5839","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":4,"collection":null,"type":"notebook","body":{"titling":"auto","title":"New Orleans homicides","cells":[{"id":0,"value":"md`# New Orleans homicides\n\nA version of this graphic appeared here: [In a home surrounded by homicide](https://www.washingtonpost.com/news/national/wp/2018/11/16/feature/in-a-home-surrounded-by-homicides/)`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":114,"value":"DOM.download(await serialize(map), 'map.svg', 'Download map as svg')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":403,"value":"scaleBar = d3.geoScaleBar()\n .left(.1)\n .top(.9)\n .projection(projection)\n .units(d3.geoScaleMiles)\n .size([width, height], city_limits[0]);","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([-90.0715, 29.9511])\n .scale((1 << 20) / (2 * Math.PI))\n .translate([width / 2, height / 2])\n // .fitSize([width, height], city_limits[0])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":206,"value":"isLayer = ({properties: {kind}}, layer) => kind === layer","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":192,"value":"md`Road layers available:`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":194,"value":"getLayers('roads')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":305,"value":"md`Water layers available:`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":311,"value":"getLayers('water')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":28,"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=qJoGDJ_wTfSQZRuJ57kw1g`); // 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":10,"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":177,"value":"color = ({properties: {gcat}}) => +gcat >= 9 ? '#00abb4' : '#f58c43'\t","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":84,"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":307,"value":"getLayers = key => {\n const flatten = (arr, depth = 1) =>\n arr.reduce((a, v) => a.concat(depth > 1 && Array.isArray(v) ? flatten(v, depth - 1) : v), []);\n \n return [...new Set(\n flatten(\n tiles.map(d => d.data[key].features.map(d => d.properties.kind))\n )\n )]\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":20,"value":"path = d3.geoPath(projection)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":14,"value":"height = 800","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":132,"value":"grid = await json('https://gist.githubusercontent.com/aboutaaron/561ea73d90c029f0b7ed796707b6ee9b/raw/cbc8e8f94889f27b961ad68c548ac5ce53240e9b/new-orleans-grid.json')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":474,"value":"clusters = await json('https://gist.githubusercontent.com/aboutaaron/561ea73d90c029f0b7ed796707b6ee9b/raw/fb6fd5f62f89a969a654c7eca0e863067057d829/p_c_gcat_ll_at.json')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":457,"value":"neighborhoods = await json('https://opendata.arcgis.com/datasets/e7daa4c977d14e1b9e2fa4d7aff81e59_0.geojson')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":118,"value":"city_limits = await json('https://opendata.arcgis.com/datasets/3635dfa52dbd46068aa6f966d281ee82_1.geojson')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":116,"value":"point = [\n {\n \"type\": \"Feature\",\n \"properties\": {\n \"address\": \"3307 De Armas Street, New Orleans\"\n },\n \"geometry\": {\n \"type\": \"Point\",\n \"coordinates\": [\n -90.01976251602173,\n 29.942644926338577\n ]\n }\n }\n ]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":125,"value":"json = async url => {\n const {features} = await d3.json(url)\n return features\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"d3 = require(\"d3-geo@1\", \"d3-geo-scale-bar@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":112,"value":"import {serialize} from \"@mbostock/saving-svg\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W33","stdlib":"1"}} 31:"$30:body"