2b:null 2c:["$","title",null,{"children":"Dados API dos Deputados | Alexandre R. Cajazeira Ramos | Observable"}] 31:Tb40,chart = { const svg = d3 .create("svg") .attr("viewBox", [0, 0, chartWidth, chartHeight]) .style("background-color","#24264C"); const bgs = svg .append('defs') .selectAll('pattern') .data(dataset) .join('pattern') .attr('id', d => d.id) .attr('patternContentUnits', 'objectBoundingBox') .attr('width', '100%') .attr('height', '100%') .append('image') .attr('width', '1') .attr('height', '1') .attr('preserveAspectRatio', 'none') .attr('xlink:href', d => d.urlFoto); const leaf = svg .selectAll("g") .data(dataset) .join("g"); leaf .append("circle") // .attr("cx", d => x(d[categoria]) + x.bandwidth() / 2) .attr("cx", chartWidth/2) .attr("cy", chartHeight/2) .attr("r", r) .attr('stroke', d=> d.municipioNascimento == "Fortaleza"? '#30FF98':'#E64848') .attr('stroke-width', 1.5) .attr("fill-opacity", 1) .attr("fill", d => `url(#${d.id})`); var tooltip = svg.append("g"); leaf.selectAll('circle') .on("touchmove mousemove", dep => { const tx = chartWidth/2; const ty = 10; tooltip.call(callout, `${dep.nome} (${dep.siglaPartido}-${dep.siglaUf}) ${dep[categoria]} `); tooltip.attr("transform", `translate(${tx}, ${ty})`); leaf .selectAll('circle') .attr("opacity", d=> d.id == dep.id? 1:0.3) .attr("fill-opacity", d=> d.id == dep.id? 1:0.3) .attr("r", d=> d.id == dep.id? r*1.5:r) }) .on("touchend mouseleave", dep => { tooltip.call(callout, null); leaf .selectAll('circle') .attr("opacity", 1) .attr("fill-opacity", 1) .attr("r",r); }); const xG = svg.append("g").attr("stroke-width", 0); const simulation = d3.forceSimulation() .force('charge', d3.forceManyBody().strength(5)) .force("x", d3.forceX(d => x(d[categoria])+ x.bandwidth() / 2).strength(0.5)) .force("y", d3.forceY(chartHeight/2).strength(0.5)) .force("collide", d3.forceCollide(d => r).strength(0.5)); simulation.on("tick", () => { leaf .selectAll("circle") .transition() .delay((d, i) => d.x) .ease(d3.easeLinear) .attr("cx", d => d.x ) .attr("cy", d => d.y) }); return Object.assign(svg.node(), { update(split) { x.domain(split ? groups : groups.concat("Todos")); x.range(split ?[margin.left, innerWidth - margin.right]:[chartWidth/2, chartWidth/2]); let ticks = split ? groups : ["Todos"]; const t = svg.transition().duration(100); xG.transition(t).call(xAxis, x, ticks); simulation.nodes(dataset); simulation.force("y", d3.forceY(chartHeight/2).strength(split ? 0.02 :0.5)); simulation.alpha(1).restart(); } }); }32:[{"id":"5f95965bff51047df855e37c23830ab6a2200665f7a9f0e94f1200c1e24d276ff8390dca219546bc096d31543c4dd373d870a3571f015df5ae5ee932e969d858","href":"https://static.observableusercontent.com/files/5f95965bff51047df855e37c23830ab6a2200665f7a9f0e94f1200c1e24d276ff8390dca219546bc096d31543c4dd373d870a3571f015df5ae5ee932e969d858","name":"fresh-prince.jpg","type":"image/jpeg","lastModified":1670931331471.943,"size":49306},{"id":"f983240e920f22d74eda93d41d73746331df2bf9fc35ba1dc22b664bfa97bbdf59db4a97a6b58552bdc1f809215f9eab8e72cce6063c2cc691d9528ee9e47a25","href":"https://static.observableusercontent.com/files/f983240e920f22d74eda93d41d73746331df2bf9fc35ba1dc22b664bfa97bbdf59db4a97a6b58552bdc1f809215f9eab8e72cce6063c2cc691d9528ee9e47a25","name":"deputados.json","type":"application/json","lastModified":1670933980485.989,"size":657441}] 2f:{"id":"daea2712bfaf1afb","slug":null,"title":"Dados API dos Deputados","thumbnail":"c7b8c2e6b8b59a619d2e75199fd35094098c0e5410b40ab096d24ea8ddd7646b","access_level":"public","create_time":"$D2022-12-12T17:21:03.742Z","update_time":"$D2023-05-31T17:36:32.059Z","view_time":null,"first_public_time":"$D2022-12-12T17:21:03.742Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"8e753d8464d231a8","login":"cajazeiraramos","name":"Alexandre R. Cajazeira Ramos","avatar_url":"https://avatars-next.observableusercontent.com/24092c234c1e156d4478bb8314522bb1b37a8ec8ee43d8a161f6931e7d8e6bed","tier":"starter_2024"},"version":350,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"273de8807df2d5cc","login":"cajazeiraramos","name":"Alexandre R. Cajazeira Ramos","avatar_url":"https://avatars-next.observableusercontent.com/b3a734ec21bf9f0bb7a0ecaacac5767f34267e9be1b061f79faf1fb9146aa44d","tier":null}],"members":[{"type":"individual","id":"273de8807df2d5cc","login":"cajazeiraramos","name":"Alexandre R. Cajazeira Ramos","avatar_url":"https://avatars-next.observableusercontent.com/b3a734ec21bf9f0bb7a0ecaacac5767f34267e9be1b061f79faf1fb9146aa44d","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Dados API dos Deputados","cells":[{"id":0,"value":"# Dados API dos Deputados","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":28,"value":"viewof abg = Inputs.radio([\"BR\", \"CE\"], {label: \"Visualização\", value: \"CE\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":88,"value":"viewof r = Inputs.range([0, 100], {label: \"Raio\", step: 1, value:20})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":73,"value":"viewof categoria = Inputs.radio(['sexo','siglaPartido','escolaridade','idade'], {label: \"Categoria\", value: \"siglaPartido\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":126,"value":"toggle = {\n chart.update(false)\n return htl.html`\n \n chart.update(false)}>Agrupar\n \n \n chart.update(true)}>Separar por Categoria\n \n\n\n `\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":346,"value":"viewof chartHeight = Inputs.range([200, 1000], {label: \"ChartHeight\", step: 1})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":41,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":14,"value":"dataset = deputados1.filter(d=> abg=='BR' || d.siglaUf == \"CE\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":76,"value":"groups = [... new Set(dataset.map(d=> d[categoria]))]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":203,"value":"data = fetch(\"https://api.weather.gov/gridpoints/OKX/33,37/forecast\").then((response) => response.json())","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":162,"value":"svgBackgroundImage = function(url, w, pattern_id) {\n \n const bg = d3.create(\"svg\"),\n defs = bg.append(\"defs\"); \n defs.append(\"pattern\")\n .attr(\"id\", pattern_id ? pattern_id : \"pattern\")\n .attr(\"width\", 1)\n .attr(\"height\", 1)\n .append('image')\n .attr(\"xlink:href\", url)\n .attr(\"x\", -0.05 * w)\n .attr(\"y\", - 0.05 * w)\n .attr(\"width\", 1.1 * w)\n .attr(\"height\", 1.1 * w); \n return bg.node(); \n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":83,"value":"xAxis = (g, scale = x, ticks = x.domain()) =>\n g\n .attr(\"transform\", `translate(0, 0)`)\n .attr(\"class\", \"mainAxis\")\n .call(d3.axisBottom(scale).tickValues(ticks))\n .call(g => g.style(\"text-anchor\", \"start\"))\n .call(g => g.select(\".domain\").remove())","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":81,"value":"x = d3.scaleBand()\n .domain(groups)\n .range([margin.left,innerWidth])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":56,"value":"innerWidth = chartWidth - margin.left - margin.right;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":60,"value":"innerHeight = chartHeight - margin.top - margin.bottom;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":44,"value":"chartWidth = width","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":53,"value":"margin = { \n return {top: 20, right: 20, bottom: 20, left: 20};\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":24,"value":"## Imports","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":229,"value":"import {callout} from \"@cronaline/mexico-with-mercator-projection-and-tooltip\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3,"value":"import {deputados} from '@cajazeiraramos/monitor_de_bancadas'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":21,"value":"d3 = require(\"d3@5\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":260,"value":"deputados1 = FileAttachment(\"deputados.json\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W32","stdlib":"1","titling":"auto"}} 30:"$2f:body"