2d:null 2e:["$","title",null,{"children":"Quantidade de bolsas fora do Brasil | LailsonAzevedo | Observable"}] 33:T77e,buildvis = { let view = md`${container()}` //container let barChart = dc.barChart(view.querySelector("#year")) barChart.width(800) .height(400) .margins({top: 50, right: 80, bottom: 30, 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(['#f7a62d']) .yAxisLabel("Quantidade de bolsas") .xAxisLabel("Anos") 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(300) .height(300) .dimension(tipoDimension) .group(tipoGroup) .innerRadius(80) // .legend(dc.htmlLegend().container('#name-legend').horizontal(true).highlightSelected(true)); // .legend(dc.legend().x(250).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":"b4e03936c11b6bca","slug":"quantidade-de-bolsas","title":"Quantidade de bolsas fora do Brasil","thumbnail":"22cabb5d95274a64a0aa7da71e5097586fb6c5db7fa55efa51fa23ea6145165d","access_level":"public","create_time":"$D2019-11-24T09:50:21.409Z","update_time":"$D2019-11-25T22:05:11.751Z","view_time":null,"first_public_time":"$D2019-11-24T12:33:06.066Z","fork":{"id":"e20203f6f026d7ba","slug":"1111d3-com-crossfilter-e-dc-js","title":"D3 com Crossfilter e DC.js","owner":{"id":"36fbc8f6f5c00a43","login":"lailson93","name":"LailsonAzevedo"}},"stars":0,"starred":false,"owner":{"type":"team","id":"36fbc8f6f5c00a43","login":"lailson93","name":"LailsonAzevedo","avatar_url":"https://avatars-next.observableusercontent.com/8397361199475564bd8b8467c8ee423769557a5b87acf0492efafc33c8656c23","tier":"starter_2024"},"version":484,"publish_version":484,"role":null,"authored":false,"authors":[{"type":"individual","id":"394bd7ee6c15f136","login":"lailson93","name":"LailsonAzevedo","avatar_url":"https://avatars-next.observableusercontent.com/8397361199475564bd8b8467c8ee423769557a5b87acf0492efafc33c8656c23","tier":null}],"members":[{"type":"individual","id":"394bd7ee6c15f136","login":"lailson93","name":"LailsonAzevedo","avatar_url":"https://avatars-next.observableusercontent.com/8397361199475564bd8b8467c8ee423769557a5b87acf0492efafc33c8656c23","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"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":142,"value":"function container() { \n return `\n

Bolsas extrangeiras entre os anos de 1998 e 2018

Quantidade de bolsas por ano

Tipos de Bolsa

`\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"