2d:null 2e:["$","title",null,{"children":"Visualizando Crimes de Chicago | Sayonara | Observable"}] 33:T1454,html`Esta célula inclui o css do dc. `34:T615,buildvis = { let view = md`${container()}` let colorScale = d3.scaleOrdinal() .domain(["HOMICIDE", "ROBBERY", "BURGLARY"]) .range(["#ca0020", "#0571b0", "#fdae61"]) let barChart = dc.barChart(view.querySelector("#magnitude-chart")) barChart.width(480) .height(200) .dimension(primaryTypeDimension) .x(d3.scaleBand()) .xUnits(dc.units.ordinal) .barPadding(0.3) .outerPadding(0.1) .gap(56) .elasticY(true) .group(crimesByTypeGroupe) .colors(colorScale) .colorAccessor(d => d.key) let compositeChart = dc.compositeChart(view.querySelector("#depth-chart")) compositeChart.width(480) .height(200) // .dimension(dayDimension) .x(d3.scaleTime().domain(d3.extent(dataset, d => d.DateR))) // .x(d3.scaleTime().domain([dayDimension.bottom(1)[0].DateR,dayDimension.top(1)[0].DateR])) .xAxisLabel("Time") .yAxisLabel("Number of crimes") .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":"8126e3f29dc7c9df","slug":"visualizando-crimes-de-chicago-2","title":"Visualizando Crimes de Chicago","thumbnail":"3c08c0a7ba0307c198b1c791a4c2a5be0e1df45187e5191f2e32892583ec6111","access_level":"public","create_time":"$D2019-10-06T20:09:58.131Z","update_time":"$D2019-10-07T07:07:51.519Z","view_time":null,"first_public_time":"$D2019-10-07T03:10:13.386Z","fork":{"id":"e5f515c032d85866","slug":"d3-com-crossfilter-e-dc-js-e-leaflet/3","title":"D3 com Crossfilter e DC.js e Leaflet","owner":{"id":"7a6fe25356936255","login":"sayonarasantos","name":"Sayonara"}},"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":471,"publish_version":471,"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":85,"value":"html`css \n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":121,"value":"dataset = d3.csv(\"https://gist.githubusercontent.com/emanueles/13dfe2c1d43e11b5207bb4e6125d71bf/raw/41d14f8fbd9d6cd9e8ad074f8417cff1329ab339/chicago_crimes_sept_2019.csv\").then(function(data){\n // formatando nossos dados\n // Date: \"09/22/2019 11:07:00 PM\"\n\n let formatDate = d3.timeParse(\"%m/%d/%Y %H:%M:%S %p\")\n \n data.forEach(function(d,i){\n d.DateR = formatDate(d.Date)\n d.Latitude = +d.Latitude\n d.Longitude = +d.Longitude\n d.PrimaryType = d['Primary Type'];\n })\n return data\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":17,"value":"function container() { \n return `\n

Crimes in Chicago in September of 2019

\n\n \n

Number of Crimes by Type

\n\n

Number of Crimes by Day

\n\n

Crime data via Chicago.

\n `\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":14,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"dc = require('dc')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"crossfilter = require('crossfilter2')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"d3 = require('d3')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":88,"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":91,"value":"bootstrap = require('bootstrap')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":156,"value":"facts = crossfilter(dataset) ","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":162,"value":"primaryTypeDimension = facts.dimension(d => d.PrimaryType)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":164,"value":"crimesByTypeGroupe = primaryTypeDimension.group()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":317,"value":"crimesByTypeGroupe.all()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":278,"value":"// dateDimension = facts.dimension(d => d.DateR)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":281,"value":"// crimesByDateGroupe = dateDimension.group()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":287,"value":"// crimesByDateGroupe.all()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":170,"value":"dayDimension = facts.dimension(d => d3.timeDay(d.DateR))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":172,"value":"crimesByDayGroupe = dayDimension.group().reduceSum((d)=>1)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":301,"value":"crimesByDayGroupe.all()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":306,"value":"burglaryByDayGroup = dayDimension.group().reduceSum((d) => d.PrimaryType == \"BURGLARY\" ? 1:0)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":333,"value":"burglaryByDayGroup.all()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":375,"value":"homicideByDayGroup = dayDimension.group().reduceSum((d) => d.PrimaryType == \"HOMICIDE\" ? 1:0)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":378,"value":"homicideByDayGroup.all()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":380,"value":"robberyByDayGroup = dayDimension.group().reduceSum((d) => d.PrimaryType == \"ROBBERY\" ? 1:0)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":189,"value":"L = require('leaflet@1.5.1')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":196,"value":"circlesLayer = L.layerGroup().addTo(map)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":174,"value":"$34","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":185,"value":"map = {\nbuildvis;\n let mapInstance = L.map('mapid').setView([41.813736,-87.707326], 9.5)\n L.tileLayer('https://cartodb-basemaps-{s}.global.ssl.fastly.net/light_all/{z}/{x}/{y}.png', {\n attribution: '© Map tiles by Carto, under CC BY 3.0. Data by OpenStreetMap, under ODbL.',\n maxZoom: 15\n }).addTo(mapInstance)\n return mapInstance\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":200,"value":"circles = {\n \n let colorType = {\n HOMICIDE:'#ca0020', ROBBERY:'#0571b0', BURGLARY:'#fdae61' \n }\n circlesLayer.clearLayers()\n dataset.forEach( function(d) {\n let circle = L.circle([d.Latitude, d.Longitude], 150, {\n color: colorType[d.PrimaryType],\n weight: 2,\n fillColor: colorType[d.PrimaryType],\n fillOpacity: 0.5\n })\n\n circlesLayer.addLayer(circle)\n circle.bindPopup(\"Time: \"+d.DateR+\"
Type: \"+d.PrimaryType)\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"