2d:null 2e:["$","title",null,{"children":"Quantidade de bolsas fora do Brasil | Magno Felipe | Observable"}] 33:T962,buildvis = { let view = md`${container()}` //container // let yearChart = dc.pieChart(view.querySelector("#year")) // yearChart // .width(200) // .height(200) // .dimension(yearDimension) // .group(bolsasByYearGroup) // .turnOnControls(true) // .innerRadius(50) // //.legend(dc.htmlLegend().container(view.querySelector("#year")).horizontal(false).highlightSelected(true)); // .legend(dc.legend().x(100).y(10).itemHeight(13).gap(5).horizontal(false).legendWidth(160).itemWidth(100)); // let barChart = dc.barChart(view.querySelector("#year")) let barChart = dc.barChart(view.querySelector("#year")) barChart.width(800) .height(400) .margins({top: 50, right: 80, bottom: 25, left: 50}) .dimension(yearDimension) .x(d3.scaleBand()) .xUnits(dc.units.ordinal) .barPadding(0.3) .outerPadding(0.1) .elasticY(true) .elasticX(true) .renderHorizontalGridLines(true) .brushOn(false) .group(bolsasByYearGroup) .ordinalColors(['#90d3ff']); const width = 960 const height = 600 const bars = d3.select(DOM.svg(width, height)) bars.on("mouseover",function(d){ d3.select(this) .style("cursor","pointer") //muda o mouse para mãozinha .attr("stroke-width", 3) .attr("stroke","#FFF5B1") let coordinates = [0, 0] coordinates = d3.mouse(this) // obtém a posição do mouse relativa a this const x = coordinates[0] + 10 const y = coordinates[1] + 20 // descontando a posição do svg showTooltip(d.ano,x,y) }) //let view1 = md`${container('name','Tipos')}` //container let nameChart = dc.pieChart(view.querySelector("#name")) nameChart .width(200) .height(200) .dimension(tipoDimension) .group(tipoGroup) .innerRadius(50) // .legend(dc.htmlLegend().container('#name-legend').horizontal(true).highlightSelected(true)); // .legend(dc.legend().x(100).y(10).itemHeight(13).gap(5).horizontal(false).legendWidth(160).itemWidth(100)); dc.renderAll() return view }34:T1428,html`Esta célula inclui o css do dc. `35:[] 31:{"id":"478541367dba7a9c","slug":"quantidade-de-bolsas-fora-do-brasil","title":"Quantidade de bolsas fora do Brasil","thumbnail":"a97b00990f44b8fa0583a4b73203cfdb2e364cacfcc35f32f24b258c1d388db0","access_level":"public","create_time":"$D2019-11-25T00:40:32.671Z","update_time":"$D2019-11-25T01:42:27.726Z","view_time":null,"first_public_time":"$D2019-11-25T00:41:21.373Z","fork":{"id":"b4e03936c11b6bca","slug":"quantidade-de-bolsas","title":"Quantidade de bolsas fora do Brasil","owner":{"id":"36fbc8f6f5c00a43","login":"lailson93","name":"LailsonAzevedo"}},"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":483,"publish_version":483,"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":"Quantidade de bolsas fora do Brasil","cells":[{"id":0,"value":"md`# Quantidade de bolsas fora do Brasil`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":19,"value":"dataset = d3.csv(\"https://raw.githubusercontent.com/lailson93/datavis-course/master/projet/bolsa_exterior_Y_T_L2.csv\").then(function(data){\n // formatando nossos dados\n data.forEach(function(d,i){\n d.ano = +d['Ano']\n d.total_linha = +d['Total Linha']\n d.tipo = d['Tipo']\n d.index = d['index']\n d.pais = d['País']\n })\n return data\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":260,"value":"facts = crossfilter(dataset)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":262,"value":"yearDimension = facts.dimension(d => d.ano)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":264,"value":"tipoDimension = facts.dimension(d => d.tipo)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":268,"value":"bolsasByYearGroup = yearDimension.group().reduceSum(function(d) { return d.total_linha; })","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":270,"value":"bolsasByYearGroup.all()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":274,"value":"tipoGroup = tipoDimension.group().reduceCount();","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":335,"value":"tipoByYearGroup = yearDimension.group().reduceCount(function(d) { return d.tipo; })","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":276,"value":"tipoByYearGroup.all()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":377,"value":"tipoByYearGroup.all()[1].value","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":396,"value":"function quant_bolsa(ano) {\n for (var i=0;i<21;i++){\n if (tipoByYearGroup.all()[i].key == ano){\n return tipoByYearGroup.all()[i].value\n }\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":352,"value":"countryDimension = facts.dimension(d => d.pais)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":354,"value":"boursesByCountry = countryDimension.group().reduceCount(function(d) { return d.total_linha; })","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":357,"value":"boursesByCountry.all()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":39,"value":"$33","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":372,"value":"tooltip = {\n d3.select(\"#tooltip\").remove()\n let node = d3.select(\"body\")\n .append(\"div\")\n .attr(\"id\",\"tooltip\")\n .attr(\"class\",\"hidden\")\n .append(\"p\")\n .html(\"
Taxa de desemprego: %\")\n return node\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":370,"value":"function showTooltip(ano,x,y){\n d3.select(\"#tooltip\")\n .style(\"left\", x + \"px\")\n .style(\"top\", y + \"px\")\n .select(\"#taxa\")\n .text(ano);\n d3.select(\"#tooltip\")\n .select(\"#name\")\n .text(quant_bolsa(ano));\n d3.select(\"#tooltip\")\n .classed(\"hidden\", false)\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":429,"value":"function hideTooltip(){\n d3.select(\"#tooltip\")\n .classed(\"hidden\", true)\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":375,"value":"// nameId = \n// d3.csv(\"https://gist.githubusercontent.com/emanueles/19cf3828bab232612c2b1599d831f690/raw/ddbaf62af22512a39360cc6741b40f5588b44aa0/county_names.csv\").then(function (data) {\n// let nameMap = d3.map()\n// data.forEach(function(d) {\n// nameMap.set(d.id, d.name)\n// })\n// return nameMap\n// })","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":142,"value":"function container() { \n return `\n

Bolsas extrangeiras entre os anos de 1998 e 2018

Tipos de Bolsa

Quantidade de bolsas por ano

`\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":14,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"dc = require(\"dc\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"crossfilter = require(\"crossfilter2\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":12,"value":"d3 = require(\"d3\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W35","stdlib":"1","titling":"auto"}} 32:"$31:body"