2c:null 2d:["$","title",null,{"children":"New Orleans homicides | Post Graphics | Observable"}] 32:T78a,map = { const graphic = svg`` // yield graphic // d3.select('#nola') // .append('g') // .call(scaleBar) return graphic }33:[] 30:{"id":"e5955613f8a8e336","slug":"new-orleans-homicides","title":"New Orleans homicides","thumbnail":"012cf82f68015c99964d67e8ad463756bc0e175900a42e655632d3b6ceb208b3","access_level":"public","create_time":"$D2019-09-06T20:29:52.079Z","update_time":"$D2019-09-06T20:29:52.079Z","view_time":null,"first_public_time":"$D2019-09-06T20:42:36.804Z","has_unpublished_edits":null,"fork":{"id":"21e6df2d160fb6ff","slug":"new-orleans-homicides","title":"New Orleans homicides","owner":{"id":"eb234b21118ba2f1","login":"aboutaaron","name":"Aaron Williams"}},"stars":1,"starred":false,"owner":{"type":"team","id":"1d339aa620597475","login":"postgraphics","name":"Post Graphics","avatar_url":"https://avatars-next.observableusercontent.com/b67d24dece79211ce7f1a53fb61ed14f7305ff1a80d336f3fb464f4a9f2fd1e8","tier":"starter_2024"},"version":577,"publish_version":577,"role":null,"authored":false,"authors":[{"type":"individual","id":"6d57c30c903e551e","login":"postgraphics","name":"Post Graphics","avatar_url":"https://avatars-next.observableusercontent.com/b67d24dece79211ce7f1a53fb61ed14f7305ff1a80d336f3fb464f4a9f2fd1e8","tier":null}],"members":[{"type":"individual","id":"6d57c30c903e551e","login":"postgraphics","name":"Post Graphics","avatar_url":"https://avatars-next.observableusercontent.com/b67d24dece79211ce7f1a53fb61ed14f7305ff1a80d336f3fb464f4a9f2fd1e8","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"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_geo_scalebar.geoScaleBar()\n .projection(projection)\n .units('miles')\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":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-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":396,"value":"d3_geo_scalebar = require('d3-geo-scale-bar@0.2.0/build/d3-geo-scale-bar.js')","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"