31:T579,buildvis = { let view = md`${container()}` let barChart = dc.barChart(view.querySelector('#bar-chart')) let timeChart = dc.seriesChart(view.querySelector('#time-chart')) barChart.width(450) .height(180) .margins({top:10, right: 20, bottom:20, left:30}) .x(primaryTypeScale) .xUnits(dc.units.ordinal) .gap(40) .dimension(stateDimension) .group(stateDimensionCount) .elasticY(true) .renderHorizontalGridLines(true) .barPadding(0.3) .outerPadding(0.05) .colors(colorScale) .colorAccessor(d => d.key) barChart.render() timeChart.width(420) .height(220) .margins({top:10, right: 20, bottom:40, left:30}) .chart(function(c) { return new dc.LineChart(c); }) .x(timeDimensionScale) .brushOn(false) .yAxisLabel("Measured Speed km/s") .xAxisLabel("Run") .clipPadding(10) .elasticY(true) .dimension(timeDimension) .group(timeDimensionCount) .yAxisLabel("Number of crimes") .xAxisLabel("Time") .mouseZoomable(true) .seriesAccessor(function(d) {console.log(d.key); return d.key[1];}) // .keyAccessor(function(d) {return +d.key[0];}) // .valueAccessor(function(d) {return +d.value;}) .colors(colorScale) .colorAccessor(d => d.key) .xAxis().ticks(4) timeChart.render(); return view }32:[] 2f:{"title":"Machine Learning","cells":[{"id":0,"value":"md`# Machine Learning`","pinned":true,"hidden":false,"mode":"ojs"},{"id":4,"value":"dataset = d3.csv(\"https://gist.githubusercontent.com/marcosborges1/c4f2c033fa10ea52d6680227cc28d9c9/raw/f49c749a1f8e56f2971f9be9bf98cbd82fcf36da/base_ML\").then(data=> {\n const min = 18, max = 50\n data.map(d => {\n d.num = +d.num\n d.sexo = d.num==0 ? \"masculino\":\"feminino\"\n d.idade = Math.floor(Math.random() * (max - min + 1) ) + min;\n d.avaliacao = d.num==0 ? 1:0\n // console.log(d.cria)\n d.criacao = new Date(Date.parse(d.criacao.substr(0,19)+ \" 2020\"))\n })\n return data\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":159,"value":"\"Tue Jun 00 00:29:20 +0000 2020\".substr(0,19) + \" 2020\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":59,"value":"facts = crossfilter(dataset)","pinned":true,"hidden":false,"mode":"ojs"},{"id":72,"value":"stateDimension = facts.dimension(d => d.estado)","pinned":true,"hidden":false,"mode":"ojs"},{"id":75,"value":"stateDimensionCount = stateDimension.group()","pinned":true,"hidden":false,"mode":"ojs"},{"id":58,"value":"hourDimension = facts.dimension(d => d3.timeHour(d.criacao))","pinned":true,"hidden":false,"mode":"ojs"},{"id":89,"value":"textScale = d3.scaleLinear()\n .domain([0, 80])","pinned":true,"hidden":false,"mode":"ojs"},{"id":104,"value":"primaryTypeValues = {\n let arrayPrimaryType = []\n return dataset.map(d=> d[\"estado\"]).reduce((x,y) => { \n if(!arrayPrimaryType.includes(y)) {\n arrayPrimaryType.push(y)\n }\n return arrayPrimaryType.sort()\n })\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":113,"value":"primaryTypeScale = d3.scaleOrdinal()\n .domain(primaryTypeValues)","pinned":true,"hidden":false,"mode":"ojs"},{"id":116,"value":"colorScale = d3.scaleOrdinal()\n .domain(primaryTypeValues)\n .range([\"#fdae61\", \"#ca0020\", \"#0571b0\", \"#333\", \"green\", \"purple\"])","pinned":true,"hidden":false,"mode":"ojs"},{"id":121,"value":"timeDimension = facts.dimension(d => [d3.timeDay(d[\"criacao\"]), d[\"estado\"]])","pinned":true,"hidden":false,"mode":"ojs"},{"id":119,"value":"timeDimensionScale = d3.scaleTime()\n .domain(d3.extent(dataset,d=>d3.timeDay(d[\"criacao\"])))","pinned":true,"hidden":false,"mode":"ojs"},{"id":123,"value":"timeDimensionCount = timeDimension.group().reduceCount()","pinned":true,"hidden":false,"mode":"ojs"},{"id":56,"value":"$31","pinned":true,"hidden":false,"mode":"ojs"},{"id":54,"value":"function container() {\n return `\n

Crimes in Chicago in April of 2020

Number of Crimes by Type

\n \n

Number of Crimes by Day

Crime data via Chicago Data Portal.

\n `;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":68,"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"},{"id":65,"value":"dc = require('dc')","pinned":true,"hidden":false,"mode":"ojs"},{"id":62,"value":"crossfilter = require('crossfilter2')","pinned":true,"hidden":false,"mode":"ojs"},{"id":7,"value":"d3 = require('d3')","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}