2d:null 2e:["$","title",null,{"children":"Homicídios em Fortaleza em 2012 | Magno Felipe | Observable"}] 33:[] 31:{"id":"7be68e1bfe7eb0fc","slug":"homicidios-em-fortaleza-em-2012","title":"Homicídios em Fortaleza em 2012","thumbnail":"d9df3c155097592c3bd410b8780555e2331b46206500e267fc32eb38d3eca089","access_level":"public","create_time":"$D2019-10-19T23:37:50.126Z","update_time":"$D2019-10-20T02:00:58.923Z","view_time":null,"first_public_time":"$D2019-10-20T02:06:42.328Z","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":"c5285e74a3bcadcc","login":"magnum457","name":"Magno Felipe","avatar_url":"https://avatars-next.observableusercontent.com/f31ccf9a1f3f0ad274fe1a54b42ce20cc62d6518e2ebd01e2ba82c693e189687","tier":"starter_2024"},"version":134,"publish_version":134,"role":null,"authored":false,"authors":[{"type":"individual","id":"9494cb5e2bda6d5a","login":"magnum457","name":"Magno Felipe","avatar_url":"https://avatars-next.observableusercontent.com/f31ccf9a1f3f0ad274fe1a54b42ce20cc62d6518e2ebd01e2ba82c693e189687","tier":null}],"members":[{"type":"individual","id":"9494cb5e2bda6d5a","login":"magnum457","name":"Magno Felipe","avatar_url":"https://avatars-next.observableusercontent.com/f31ccf9a1f3f0ad274fe1a54b42ce20cc62d6518e2ebd01e2ba82c693e189687","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"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":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 = blues.length,\n\t\t\tfrom, to;\n\n\t\tfor (let i = 0; i < n; i++) {\n\t\t\tlet c = blues[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":"blues = d3.schemeReds[9]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":36,"value":"colorScale = d3.scaleQuantile()\n .domain([0, 200])\n .range(blues)","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 = '

Taxa de homicídios por mil Habitante

' + (feat ?\n\t\t\t\t'' + feat.properties.NOME + '
' + homicidosPorHabib.get(feat.properties.NOME) + ' homicídios por habitantes'\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(homicidosPorHabib.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":77,"value":"homicidosPorHabib = 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,+(100000 * d.Homicidios/d.Populacao).toFixed(2))\n })\n return bairrosMap\n})","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"