2d:null 2e:["$","title",null,{"children":"Homicídios em Fortaleza em 2012 | LailsonAzevedo | Observable"}] 33:[] 31:{"id":"17bd9c4b1a9e0150","slug":"homicidios-em-fortaleza-em-2012","title":"Homicídios em Fortaleza em 2012","thumbnail":"cc4799452f3eb98c882334307037173b0f0227dfadb25ef173f334c5667b2be8","access_level":"public","create_time":"$D2019-10-16T22:09:14.205Z","update_time":"$D2019-10-24T01:16:53.707Z","view_time":null,"first_public_time":"$D2019-10-16T22:48:30.863Z","fork":{"id":"8328ef13004b4add","slug":"homicidios-em-fortaleza-em-2012","title":"Homicídios em Fortaleza em 2012","owner":{"id":"d94d0ab1065acef4","login":"emanueles","name":"Emanuele Santos"}},"stars":0,"starred":false,"owner":{"type":"team","id":"36fbc8f6f5c00a43","login":"lailson93","name":"LailsonAzevedo","avatar_url":"https://avatars-next.observableusercontent.com/8397361199475564bd8b8467c8ee423769557a5b87acf0492efafc33c8656c23","tier":"starter_2024"},"version":103,"publish_version":103,"role":null,"authored":false,"authors":[{"type":"individual","id":"394bd7ee6c15f136","login":"lailson93","name":"LailsonAzevedo","avatar_url":"https://avatars-next.observableusercontent.com/8397361199475564bd8b8467c8ee423769557a5b87acf0492efafc33c8656c23","tier":null}],"members":[{"type":"individual","id":"394bd7ee6c15f136","login":"lailson93","name":"LailsonAzevedo","avatar_url":"https://avatars-next.observableusercontent.com/8397361199475564bd8b8467c8ee423769557a5b87acf0492efafc33c8656c23","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":2,"collection":null,"type":"notebook","body":{"title":"Homicídios em Fortaleza em 2012","cells":[{"id":0,"value":"md`# Homicídios em Fortaleza em 2012`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":12,"value":"html`css \n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":24,"value":"buildvis = {\n let view = md`${container()}`\n \n return view\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":73,"value":"homicidesByName2 = d3.csv(\"https://gist.githubusercontent.com/emanueles/8ee225792454a78151d0842a10642a29/raw/9984e32effa99da3cea2ec87a7c9b7b231c71d3c/fortaleza_crimes_populacao.csv\").then(function(data) {\n let bairrosMap = d3.map()\n data.forEach(function(d) {\n bairrosMap.set(d.Bairro,(+d.Homicidios*100000/d.Populacao).toFixed(2))\n })\n return bairrosMap\n })\n\n\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":28,"value":"map = {\n buildvis;\n let mapInstance = L.map('mapid').setView([-3.792614,-38.515877], 12)\n L.tileLayer(\"https://cartodb-basemaps-{s}.global.ssl.fastly.net/light_all/{z}/{x}/{y}.png\", {\n attribution: `© OpenStreetMap,\n Map tiles by © CARTO`,\n maxZoom: 18\n }).addTo(mapInstance)\n return mapInstance\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":65,"value":"geojson = {\n function highlightFeature(e) {\n\t\tlet layer = e.target;\n //console.log(e.target)\n\n\t\tlayer.setStyle({\n\t\t\t\t\tweight: 2,\n\t\t\t\t\tcolor: '#AAA',\n\t\t\t\t\tdashArray: '',\n\t\t\t\t\tfillOpacity: 0.7\n\t\t});\n\n\t\tif (!L.Browser.ie && !L.Browser.opera) {\n\t\t\tlayer.bringToFront();\n\t\t}\n\n\t\tinfo.update(layer.feature);\n\t}\n\tlet geoj;\n\n\tfunction resetHighlight(e) {\n\t\tgeoj.resetStyle(e.target);\n\t\tinfo.update();\n\t}\n\n\tfunction zoomToFeature(e) {\n\t\tmap.fitBounds(e.target.getBounds());\n\t}\n\n\tfunction onEachFeature(feature, layer) {\n\t\tlayer.on({\n\t\t\t\t\tmouseover: highlightFeature,\n\t\t\t\t\tmouseout: resetHighlight,\n\t\t\t\t\tclick: zoomToFeature\n\t\t\t\t});\n\t}\n geoj = L.geoJson(bairros, {\n\t\t\t\tstyle: style,\n\t\t\t\tonEachFeature: onEachFeature\n\t\t}).addTo(map)\n return geoj;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":69,"value":"legend = {\n let legendControl = L.control({position: 'bottomright'});\n\n\tlegendControl.onAdd = function (map) {\n\n\t\tlet div = L.DomUtil.create('div', 'info legend'),\n\t\t\tlabels = [],\n n = reds.length,\n\t\t\tfrom, to;\n\n\t\tfor (let i = 0; i < n; i++) {\n\t\t\tlet c = reds[i]\n let fromto = colorScale.invertExtent(c);\n\t\t\tlabels.push(\n\t\t\t\t' ' +\n\t\t\t\td3.format(\"d\")(fromto[0]) + (d3.format(\"d\")(fromto[1]) ? '–' + d3.format(\"d\")(fromto[1]) : '+'));\n\t\t}\n\n\t\tdiv.innerHTML = labels.join('
')\n\t\treturn div\n\t}\n\n \tlegendControl.addTo(map)\n return legendControl\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"function container() { \n return `\n

Homicídios em Fortaleza em 2012

Dados retirados do site da SSPDS

\n `\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":22,"value":"reds = d3.schemeReds[9]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":36,"value":"colorScale = d3.scaleQuantize()\n .domain([0, 425])\n .range(reds)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":44,"value":"function zoomToFeature(e) {\n\t\tmap.fitBounds(e.target.getBounds())\n\t}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":49,"value":"info = {\n // control that shows state info on hover\n\tlet infoControl = L.control()\n\n\tinfoControl.onAdd = function (map) {\n\t\tthis._div = L.DomUtil.create('div', 'info');\n\t\tthis.update();\n\t\treturn this._div;\n\t}\n\n\tinfoControl.update = function (feat) {\n\t\t\tthis._div.innerHTML = '

Número de homicídios

' + (feat ?\n\t\t\t\t'' + feat.properties.NOME + '
' + homicidesByName2.get(feat.properties.NOME) + ' homicídios'\n\t\t\t\t: 'Passe o mouse sobre um bairro');\n\t}\n\n\tinfoControl.addTo(map);\n return infoControl\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":39,"value":"homicidesByName = d3.csv(\"https://gist.githubusercontent.com/emanueles/bae10fc42b13886b5a00b79737f2b50d/raw/ffb35abe6d9ba0c4ce4866b827f1916748ab65ef/homicidios_2012.csv\").then(function(data) {\n let bairrosMap = d3.map()\n data.forEach(function(d) {\n bairrosMap.set(d.Bairro,+d.Homicidios)\n })\n return bairrosMap\n })","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":38,"value":"function style(feature) {\n\t\t return {\n\t\t\t\t\tweight: 1,\n\t\t\t\t\topacity: 1,\n\t\t\t\t\tcolor: 'white',\n\t\t\t\t\tdashArray: '3',\n\t\t\t\t\tfillOpacity: 0.6,\n\t\t\t\t\tfillColor: colorScale(homicidesByName2.get(feature.properties.NOME))\n\t\t\t\t};\n\t}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":15,"value":"bairros = d3.json(\"https://gist.githubusercontent.com/emanueles/f43681762385f250d533eabb35da6dac/raw/4d4541e92fb9ce69e692a7a3c291a4a538ae6b6a/FortalezaBairros.geojson\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":33,"value":"html`Esta célula contém os estilos da Visualização\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":19,"value":"d3 = require(\"d3@5\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":26,"value":"$$ = require('jquery').then(jquery => {\n window.jquery = jquery;\n return require('popper@1.0.1/index.js').catch(() => jquery);\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"bootstrap = require('bootstrap')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"L = require('leaflet@1.5.1')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W33","stdlib":"1","titling":"auto"}} 32:"$31:body"