45:["$","title",null,{"children":"Homicídios em Fortaleza em 2012 | Dhannyell Lukas | Observable"}] 4d:[] 49:{"id":"8123d8c143f271fb","slug":"homicidios-em-fortaleza-em-2012","title":"Homicídios em Fortaleza em 2012","thumbnail":"92bea0e088aa35cc3bc43b6812d39101acb41c035caed0390bcfa9be2d731559","access_level":"public","create_time":"$D2021-03-07T23:06:17.765Z","update_time":"$D2021-03-07T23:44:12.763Z","view_time":null,"first_public_time":"$D2021-03-07T23:45:22.944Z","has_unpublished_edits":null,"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":"00c7587517786dc7","login":"dhannyell","name":"Dhannyell Lukas","avatar_url":"https://avatars-next.observableusercontent.com/c38b84163a78bf578b07e1c3eb323e8126e2a8cb8d60b1eda66acfe4bd2dd1b4","tier":"starter_2024","bio":"I'm a Computer Engineering Student and\r\nEnthusiast of indie games.","followed_by_you":false,"follows_you":false},"version":91,"publish_version":91,"role":null,"authored":false,"authors":[{"type":"individual","id":"df7fa2740d679be4","login":"dhannyell","name":"Dhannyell Lukas","avatar_url":"https://avatars-next.observableusercontent.com/c38b84163a78bf578b07e1c3eb323e8126e2a8cb8d60b1eda66acfe4bd2dd1b4","tier":null,"bio":"I'm a Computer Engineering Student and\r\nEnthusiast of indie games.","followed_by_you":false,"follows_you":false}],"members":[{"type":"individual","id":"df7fa2740d679be4","login":"dhannyell","name":"Dhannyell Lukas","avatar_url":"https://avatars-next.observableusercontent.com/c38b84163a78bf578b07e1c3eb323e8126e2a8cb8d60b1eda66acfe4bd2dd1b4","tier":null,"role":"editor"}],"comments":[{"id":"f53cfe1dea9054bc","reply_to_id":null,"content":"Faltou atualizar os valores na legenda de cores. Da forma que você criou o mapeamento, fica dífícil encontrar o bairro com taxa mais alta, pois vários bairros ficaram com a cor mais escura.","create_time":"$D2021-04-03T14:51:28.610Z","update_time":null,"resolved":false,"user":{"type":"individual","id":"65870cbe952f3688","login":"emanueles","name":"Emanuele Santos","avatar_url":"https://avatars-next.observableusercontent.com/b8fd60670900bb19b0b7d34ef8969829692cc2753f792f48652fdbe54ed96d36","tier":null}}],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":76,"value":"md`Esse notebook é mais sofisticado que o exemplo anterior. Além de mostrar também um mapa leaflet, é construída uma legenda para o mapa.\n\n## Melhore o mapa de crimes de Fortaleza\n\nO mapa de crimes de Fortaleza possui alguns problemas. Um desses problemas é que os dados não levam em consideração a população do bairro, normalmente a taxa de homicídios é mostrada em número de homicídios por 100000 habitantes. \n\nUse [esse arquivo](https://gist.githubusercontent.com/emanueles/8ee225792454a78151d0842a10642a29/raw/9984e32effa99da3cea2ec87a7c9b7b231c71d3c/fortaleza_crimes_populacao.csv) que contém a população de cada bairro para calcular a taxa de homicídios por habitante.\n\nTambém faça melhorias na visualização com relação ao mapa de cores utilizado. Experimente usando mais bins na escala para enfatizar as diferenças entre os bairros que ficaram no primeiro nível de cor.\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":12,"value":"html`css \n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":24,"value":"buildvis = {\n let view = md`${container()}`\n colorScale\n return view\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":69,"value":"legend = {\n \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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":22,"value":"blues = d3.schemeBlues[9]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":36,"value":"colorScale = {\n return d3.scaleQuantize()\n .domain([0, 85, 170, 255, 340, 425])\n.range(blues)\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$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 + '
' + homicidesByName.get(feat.properties.NOME).toFixed(2) + ' homicídios/100000 hab.'\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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":39,"value":"homicidesByName = 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 if(d.Populacao != -1)\n bairrosMap.set(d.Bairro,+d.Homicidios/(d.Populacao/100000))\n })\n return bairrosMap\n })","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$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(homicidesByName.get(feature.properties.NOME))\n\t\t\t\t};\n\t}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":33,"value":"html`Esta célula contém os estilos da Visualização\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":19,"value":"d3 = require(\"d3@5\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"bootstrap = require('bootstrap')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"L = require('leaflet@1.6.0')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4d","stdlib":"1"}} 44:null