2d:null 2e:["$","title",null,{"children":"Visualizando Crimes de Chicago | Sayonara | Observable"}] 33:T1454,html`Esta célula inclui o css do dc. `34:T5db,buildvis = { let view = md`${container()}` let colorScale = d3.scaleOrdinal() .domain(["HOMICIDE", "ROBBERY", "BURGLARY"]) .range(["#ca0020", "#0571b0", "#fdae61"]) let barChart = dc.barChart(view.querySelector("#type-chart")) barChart.width(480) .height(150) .dimension(typeDimension) .x(d3.scaleBand()) .xUnits(dc.units.ordinal) .barPadding(0.3) .outerPadding(0.1) .group(crimesByTypeGroup) .colors(colorScale) .colorAccessor(d => d.key) // let compositeChart = dc.compositeChart(view.querySelector("#day-chart")) // compositeChart.width(480) // .height(150) // .dimension(timeDimension) // .x(d3.scaleTime().domain(d3.extent(dataset, d => d.DateR))) // .margins({top: 50, right: 50, bottom: 25, left: 40}) // // .legend(dc.legend().x(700).y(5).itemHeight(13).gap(5)) // .compose([ // dc.lineChart(compositeChart) // .group(robberyByDayGroup, 'Robbery') // .ordinalColors(["#0571b0"]), // dc.lineChart(compositeChart) // .group(burglaryByDayGroup, 'Burglary') // .ordinalColors(["#fdae61"]), // dc.lineChart(compositeChart) // .group(homicideByDayGroup, 'Homicide') // .ordinalColors(["#ca0020"])]) dc.renderAll() return view }35:[] 31:{"id":"ae63e0910df24798","slug":"visualizando-crimes-de-chicago","title":"Visualizando Crimes de Chicago","thumbnail":"a9c587a16802ee57960f784f2f5924c154b8d245ed0a4fbf1ee7814d30c711d5","access_level":"public","create_time":"$D2019-10-01T02:07:25.628Z","update_time":"$D2019-10-06T20:44:15.772Z","view_time":null,"first_public_time":"$D2019-10-06T20:07:49.988Z","fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"7a6fe25356936255","login":"sayonarasantos","name":"Sayonara","avatar_url":"https://avatars-next.observableusercontent.com/367401073cb167749ab94d9bf5d368c0a410ff82395caa77baae0a4138ba2040","tier":"starter_2024"},"version":327,"publish_version":327,"role":null,"authored":false,"authors":[{"type":"individual","id":"92bfbc482195215b","login":"sayonarasantos","name":"Sayonara","avatar_url":"https://avatars-next.observableusercontent.com/367401073cb167749ab94d9bf5d368c0a410ff82395caa77baae0a4138ba2040","tier":null}],"members":[{"type":"individual","id":"92bfbc482195215b","login":"sayonarasantos","name":"Sayonara","avatar_url":"https://avatars-next.observableusercontent.com/367401073cb167749ab94d9bf5d368c0a410ff82395caa77baae0a4138ba2040","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Visualizando Crimes de Chicago","cells":[{"id":0,"value":"md`# Visualizando Crimes de Chicago`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":299,"value":"html`css \n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":306,"value":"dataset = d3.csv(\"https://gist.githubusercontent.com/emanueles/13dfe2c1d43e11b5207bb4e6125d71bf/raw/41d14f8fbd9d6cd9e8ad074f8417cff1329ab339/chicago_crimes_sept_2019.csv\").then(function(data){\n let formatDate = d3.timeParse(\"%m/%d/%Y %H:%M:%S %p\") \n data.forEach(function(d){\n d.DateR = formatDate(d.Date)\n d.Latitude = +d.Latitude\n d.Longitude = +d.Longitude\n d.PrimaryType = d['Primary Type'];\n })\n \n return data\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":311,"value":"function container() { \n return `\n

Crimes in Chicago in September of 2019

\n \n

Number of Crimes by Type

\n\n

Number of Crimes by Day

\n \n

Crime data via Chicago Data Portal.

\n `\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":96,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":317,"value":"dc = require(\"dc\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":320,"value":"crossfilter = require(\"crossfilter2\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":314,"value":"d3 = require('d3')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":103,"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":111,"value":"bootstrap = require('bootstrap')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":35,"value":"facts = crossfilter(dataset)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":219,"value":"typeDimension = facts.dimension(d => d.PrimaryType)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":323,"value":"timeDimension = facts.dimension(d => d3.timeDay(d.DateR))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":59,"value":"crimesByTypeGroup = typeDimension.group()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":256,"value":"crimesByTypeGroup.all()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":154,"value":"robberyByDayGroup = timeDimension.filter(d => d['Primary Type'] == \"ROBBERY\").group()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":276,"value":"robberyByDayGroup.all()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":158,"value":"burglaryByDayGroup = timeDimension.filter(d => d['Primary Type'] == \"BURGLARY\").group()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":282,"value":"burglaryByDayGroup.all()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":160,"value":"homicideByDayGroup = timeDimension.filter(d => d['Primary Type'] == \"HOMICIDE\").group()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":278,"value":"homicideByDayGroup.all()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":124,"value":"L = require('leaflet@1.5.1')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":127,"value":"$34","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":120,"value":"// map = {\n// buildvis;\n// let mapInstance = L.map('mapid').setView([-41.05,172.93], 5)\n// L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {\n// attribution: '© OpenStreetMapcontributors',\n// maxZoom: 17\n// }).addTo(mapInstance)\n// return mapInstance\n// }","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":118,"value":"// circlesLayer = L.layerGroup().addTo(map)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":131,"value":"// circles = {\n// circlesLayer.clearLayers()\n// dataset.forEach( function(d) {\n// let circle = L.circle([d.latitude, d.longitude], 10000, {\n// color: '#fd8d3c',\n// weight: 2,\n// fillColor: '#fecc5c',\n// fillOpacity: 0.5\n// })\n\n// circlesLayer.addLayer(circle)\n// circle.bindPopup(\"Magnitude: \"+d.magnitude+\"
Time: \"+d.dtg)\n// })\n// }","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W35","stdlib":"1","titling":"auto"}} 32:"$31:body"