25:["$","title",null,{"children":"Bubble Chart - Posiçoes Políticas de Deputados Brasileiros | sergiofco | Observable"}] 49:T742,buildvis = { const svg = d3.create('svg') .attr('viewBox',[0,0,width, noSplitHeight + margin.top + margin.bottom]); const wrapper = svg.append('g') .attr('transform', `translate(${margin.left}, ${margin.top})`); wrapper.append('g') .call(xAxis) const yAxisContainer = wrapper.append('g') .attr('transform', `translate(-10,10)`); const circles = wrapper.append('g') .attr('className', 'circles') .selectAll('circle') .data(groupData) .join('circle') .attr('r', d => r(d.votos)) .attr('fill', d => color(d.ideologia)) .attr('x', d => Math.floor(Math.random() * 100)) .attr('y', d => y(d.partido)) .call(text => text.append('title').text(d => d.nome + '-' + d.ideologia + ' partido' + d.partido)) force.on('tick', () => { circles .transition() .ease(d3.easeLinear) .attr('cx', d => d.x) .attr('cy', d => d.y); }) invalidation.then(() => force.stop()); return Object.assign(svg.node(), { update(split) { let height = split ? splitHeight : noSplitHeight; let partidos = [...groupPartido.keys()].sort() const t = d3.transition().duration(750); svg.transition(t).attr('viewBox', [0, 0, width, height]); y.domain(split ? partidos : ['Todos']); y.range(split ? [splitHeight - margin.top - margin.bottom, 0] : [noSplitHeight - margin.top - margin.bottom, 0]); yAxisContainer.call(yAxis, y, split ? partidos : ['Todos']) .call(g => g.select('.domain').remove()) .call(g => g.selectAll('.tick line').remove()); force.force('y', split ? d3.forceY(d => y(d.partido) + 45) : d3.forceY((noSplitHeight - margin.top - margin.bottom) / 2)); force.alpha(1).restart(); console.log(height) } }) }4a:[{"id":"9be6b9faf80a7b7c298bcbe15124b7ef47a77cc500b59b1eb38e4e4a80c4e9713652620b30d082a9196a2386c547f21d0839e21c88424be5c52fcf5f801be070","href":"https://static.observableusercontent.com/files/9be6b9faf80a7b7c298bcbe15124b7ef47a77cc500b59b1eb38e4e4a80c4e9713652620b30d082a9196a2386c547f21d0839e21c88424be5c52fcf5f801be070","name":"deputados.csv","type":"text/csv","lastModified":1676599802038.34,"size":9774},{"id":"d5d2dedce25be7fe4e1b290c3211339a6dfb12af107baf9baf565ff21e6fce9e31528bc5afada00176577a44e206fa5c5763651d482d54fd08e88c34cc8009ab","href":"https://static.observableusercontent.com/files/d5d2dedce25be7fe4e1b290c3211339a6dfb12af107baf9baf565ff21e6fce9e31528bc5afada00176577a44e206fa5c5763651d482d54fd08e88c34cc8009ab","name":"IdeologiaPartidos.csv","type":"text/csv","lastModified":1676599802038.34,"size":429},{"id":"fc00ffe83811ebb98be2785c87297f11cfc47987fc2016a2f1d4991ea102d021d3a8766c7cd4e0227537f608dabd243240c2e381e448265272170e13f87b1cb1","href":"https://static.observableusercontent.com/files/fc00ffe83811ebb98be2785c87297f11cfc47987fc2016a2f1d4991ea102d021d3a8766c7cd4e0227537f608dabd243240c2e381e448265272170e13f87b1cb1","name":"deputados_votos.csv","type":"text/csv","lastModified":1676599802038.34,"size":23982}] 29:{"id":"d8fa3c8990b76c2f","slug":null,"title":"Bubble Chart - Posiçoes Políticas de Deputados Brasileiros","thumbnail":"8dd24d8921cefea2a0ff826a93adc76298d38d745717fcf02146f825b1b9d26a","access_level":"public","create_time":"$D2023-02-17T02:10:02.038Z","update_time":"$D2023-02-17T02:10:02.038Z","view_time":null,"first_public_time":"$D2023-02-17T02:10:02.038Z","has_unpublished_edits":null,"fork":{"id":"92db1b8b035a182f","slug":"untitled","title":"Bubble Chart - Posiçoes Políticas de Deputados Brasileiros","owner":{"id":"00c7587517786dc7","login":"dhannyell","name":"Dhannyell Lukas"}},"stars":0,"starred":false,"owner":{"type":"team","id":"b22d5ce0fb6c4bd7","login":"sergiofco","name":"","avatar_url":"https://avatars-next.observableusercontent.com/44ffca15680cd377709f59ade12205444ad55db9fd779223fd2df9a60fb06bca","tier":"starter_2024","bio":"","followed_by_you":false,"follows_you":false},"version":361,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"63daca30b1f88789","login":"sergiofco","name":"","avatar_url":"https://avatars-next.observableusercontent.com/44ffca15680cd377709f59ade12205444ad55db9fd779223fd2df9a60fb06bca","tier":null,"bio":"","followed_by_you":false,"follows_you":false}],"members":[{"type":"individual","id":"63daca30b1f88789","login":"sergiofco","name":"","avatar_url":"https://avatars-next.observableusercontent.com/44ffca15680cd377709f59ade12205444ad55db9fd779223fd2df9a60fb06bca","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Bubble Chart - Posiçoes Políticas de Deputados Brasileiros","cells":[{"id":237,"value":"md`# Bubble Chart - Posiçoes Políticas de Deputados Brasileiros`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":231,"value":"md`Inspired by [Ben Ayre](https://observablehq.com/@bayre/splitting-the-bunch) and [Christian Burkhart](https://observablehq.com/@ch-bu/bubble-chart-split-my-running-by-year)`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":288,"value":"viewof split = {\n // https://observablehq.com/@mbostock/form-input\n const form = html``;\n form.oninput = () => form.value = Array.from(form.querySelectorAll(\"input\"))\n .find(d => d.checked).value === \"1\"\n form.oninput();\n return form;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":24,"value":"$49","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":93,"value":"y = d3.scaleBand()\n .domain(['Todos'])\n .range([noSplitHeight, 0])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":84,"value":"force = d3.forceSimulation(groupData)\n .force('charge', d3.forceManyBody().strength(0))\n .force('x', d3.forceX().x(d => {\n switch(d.ideologia){\n case 'Esquerda':\n return Math.floor(Math.random() * (350 - 50 + 1)) + 50\n break;\n case 'Centro':\n return Math.floor(Math.random() * (550 - 380 + 1)) + 380\n break;\n case 'Direita':\n return Math.floor(Math.random() * (860 - 580 + 1)) + 580\n break;\n }\n }))\n .force('y', d3.forceY(d => y(d.partido)))\n .force('collision', d3.forceCollide().radius(d => r(d.votos) + 1))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":43,"value":"x = d3.scalePoint().domain(['Esquerda', 'Centro', 'Direita']).padding(0.1).range([30, 850]).round(true)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":38,"value":"xAxis = g => g\n .call(d3.axisTop(x)\n .tickFormat(d => d))\n .call(g => g.select('.domain').remove())\n .call(g => g.append('text')\n .attr('x', 1000)\n .attr('y', 300)\n .attr('font-weight', 'bold')\n .attr('fill', 'currentColor')\n .attr('text-anchor', 'end'))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":303,"value":"yAxis = g => g\n .call(d3.axisLeft(y).ticks(8))\n .call(g => g.select('.domain').remove())\n .call(g => g.selectAll('.tick line').remove())\n .attr('y', 1000)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":30,"value":"margin = ({top: 30, right: 30, left: 100, bottom: 30})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":155,"value":"groupPartido = d3.group(groupData, d => d.partido)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":297,"value":"buildvis.update(split)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":25,"value":"width = 1200","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":36,"value":"noSplitHeight = 500\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":294,"value":"splitHeight = 2000","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":190,"value":"r = d3.scaleSqrt()\n .domain(d3.extent(groupData, d => d.votos))\n .range([3, 8])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":60,"value":"innerWidth = width - margin.left - margin.right","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":22,"value":"color = d3.scaleOrdinal()\n .domain([\"Esquerda\", \"Centro\", \"Direita\"])\n .range([\"#E58597\", \"#A2ADD6\", \"#47B58D\"])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":126,"value":"groupData = deputadosData.map(d => {\n let partidoDeputado = ''\n let votosNumber = 0;\n const result = ideologiaPartidos.find(element => element.partido === d.partido)\n const votos = votosData.find(element => element.nome.normalize(\"NFD\").replace(/[\\u0300-\\u036f]/g, \"\") === d.nome)\n if(typeof(votos) !== 'undefined'){\n votosNumber = votos.votosRecebidos\n partidoDeputado = votos.partido\n }\n return {nome: d.nome, partido: d.partido, ideologia: result.ideologia, votos: votosNumber, partido: partidoDeputado}\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3,"value":"deputadosData = d3.csvParse(await FileAttachment(\"deputados.csv\").text(), d => {\n return {\n nome: d.Nome,\n partido: d.Partido\n }\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"ideologiaPartidos = d3.csvParse(await FileAttachment(\"IdeologiaPartidos.csv\").text(), d => {\n return {\n partido: d.Partido,\n ideologia: d.Ideologia\n }\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":187,"value":"votosData = d3.csvParse(await FileAttachment(\"deputados_votos.csv\").text(), d => {\n return {\n nome: d.Nome,\n partido: d.Partido,\n votosRecebidos: d.votos_totalizados,\n votosTotais: d.total_de_votos,\n ideologia: d.Ideologia\n }\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":0,"value":"d3 = require('d3@5', 'd3-array@^2.2')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4a","stdlib":"1"}} 24:null