21:null 22:["$","title",null,{"children":"Transparência de gastos | Mariana Mendes e Silva | Observable"}] 27:T961,viewof text = { if (inputValue === 1) { return html`${md`Existem 3 níveis de descrição de gastos, onde o 1 é o mais genérico e o 3 o mais específico. Inicialmente vamos observar os gastos e a sua descrição mais genérica. ` }

Para facilitar a leitura, existe um 'tooltip' que aparece quando o mouse está sobre cada barra, existe a informação da descrição e o gasto exato. Apesar de muitas barrinhas parecidas, conseguimos ver as que mais se destacam pelo tamanho. SERVIÇOS TÉCNICOS E PROFISSIONAIS (?), que tipo de serviço e de que profissionais?, as descrições podem ser bem genéricas. A segunda maior barrinha é PESSOAL... A terceira vem de ALUGUÉIS E CONDOMÍNIOS. Pronto, descobrimos com que os parlamentares mais gastam no geral. `; } else if (inputValue === 2) { return md`Agora vamos ver algo um pouco diferente. Nossos dados possuem a informação se o gasto declarado veio da esfera estadual ou municipal. Abaixo conseguimos observar quais partidos tiveram os maiores gastos na esfera ESTADUAL. PSDB, MDB, PT, PSB estão entre os que mais possuem gastos. Ou os que mais declararam* `; } else if (inputValue === 3) { return md`E aqui os maiores gastos na esfera MUNICIPAL. A visualização anterior e a atual sao bastante contrastantes. O partido PROS por exemplo nem a aparece nas declarações da esfera ESTADUAL, mas é o destaque na MUNCIPAL, o PTB tem um gasto muito superior na esfera ESTADUAL e na Municipal mal aparece. `; } else if (inputValue === 4) { return md`E esses partidos que se destacaram nas esferas apresentadas, com o que eles gastam mais? Nessa última estapa vamos usar a descrição de gastos nível 2 para conseguirmos entender melhor para onde vai esse dinheiro. Conseguimos observar que os partidos que mais declararam gastos, geralmente tem esse dinheiro mais distribuído entre os gastos descritos. Contudo, também nessa última visualização, observamos a discrepância entre partidos em relação a aplicação desse dinheiro. Por exemplo, os maiores gastos do PSDB é com Serviçõs de consultoria jurídica, enquanto o do PCDOB é com pedágios... Vale lembrar também que existem gastos não declarados, sem descrições claras ou simplesmente declarados como 'outros'.

Para visualizar os gastos de um partido específico basta selecionar no botãozinho abaixo do gráfico xD `; } }28:Tbea,viewof view = { if (inputValue === 1) { return embed({ "$schema": "https://vega.github.io/schema/vega-lite/v4.json", "description": "A trellis bar chart showing the US population distribution of age groups and gender in 2000.", "data": { "url": "https://gist.githubusercontent.com/mariana-mendes/c164a84e245f0060af7a8f4185866dcc/raw/3448ab941c8580a111f6dea866f1b35cb0982634/a.csv"}, "mark": {"type": "bar", "tooltip": true}, "encoding": { "x": { "field": "number", "type": "quantitative", "axis": {"title": "valor gasto"}, }, "y": {"field": "descricao", "type": "nominal"}, "axis": {"title": "descrição do gasto"}, tooltip: { } } }) } else if(inputValue === 4){ return embed({ "$schema": "https://vega.github.io/schema/vega-lite/v4.json", "description": "A trellis bar chart showing the US population distribution of age groups and gender in 2000.", "data": { "url": "https://gist.githubusercontent.com/mariana-mendes/2b09f4e21cc75ff9a95a58dcc9a02c4b/raw/d6cdf5c2219d9a9bc6f8b565a072f4a9cead4c07/gistfile1.csv"}, "encoding": { "color": { "title": "Descricao de gastos", "field": "DS_GASTO_NIVEL2", "type": "nominal" }, "x": { "axis": {"title": "Data"}, "field": "DS_GASTO_NIVEL2", "type": "nominal" }, "y": { "axis": {"title": "Valor do Pagamento"}, "field": "VR_PAGAMENTO", "type": "quantitative" } }, "width": 600, "height": 300, "mark": {"type": "bar", "tooltip": true}, "selection": {"brush": {"encodings": ["x"], "type": "interval"}}, "transform":[{"filter": {"field": "SG_PARTIDO", "equal":dd}}] }) } else if (inputValue === 2 || inputValue === 3) { const root = pack(data); const svg = d3.create("svg") .attr("viewBox", [0, 0, width, height]) .attr("font-size", 12) .attr("fill", "black") .attr("font-family", "sans-serif") .attr("text-anchor", "middle"); const leaf = svg.selectAll("g") .data(root.leaves()) .join("g") .attr("transform", d => `translate(${d.x + 1},${d.y + 1})`); leaf.append("circle") .attr("id", d => (d.leafUid = DOM.uid("leaf")).id) .attr("r", d => d.r) .attr("fill-opacity", 0.7) .attr("fill", d => color(d.data.name)); leaf.append("clipPath") .attr("id", d => (d.clipUid = DOM.uid("clip")).id) .append("use") .attr("xlink:href", d => d.leafUid.href); leaf.append("text") .attr("clip-path", d => d.clipUid) .selectAll("tspan") .data(d => d.data.name.split(/(?=[A-Z][^A-Z])/g)) .join("tspan") .attr("x", 0) .attr("y", (d, i, nodes) => `${i - nodes.length / 2 + 1}em`) .text(d => d); leaf.append("title") .text(d => `${d.data.title}\n${format(d.value)}`); return svg.node(); } return md`

`; }29:[] 25:{"id":"2ffd25b6e683f35e","slug":"transparencia-de-gastos/2","title":"Transparência de gastos","thumbnail":"4a28843ef0c8e47977b25449716f623be1168924b1da70b8b059a6a43f9379f5","access_level":"public","create_time":"$D2019-10-27T18:55:05.639Z","update_time":"$D2019-11-30T18:14:35.137Z","view_time":null,"first_public_time":"$D2019-11-03T20:51:07.775Z","has_unpublished_edits":null,"fork":{"id":"0226949481ed4313","slug":"exemplo-com-ui-de-slides","title":"Exemplo com UI de slides","owner":{"id":"ae10740cf3156280","login":"nazareno","name":"nazareno"}},"stars":0,"starred":false,"owner":{"type":"team","id":"272d17ccac140c61","login":"mariana-mendes","name":"Mariana Mendes e Silva","avatar_url":"https://avatars-next.observableusercontent.com/cf450846b4f38bdb604115291a6353df86fb7afb15b30b688543e3256ce83b74","tier":"starter_2024"},"version":527,"publish_version":527,"role":null,"authored":false,"authors":[{"type":"individual","id":"3bbbf47d6bffd6fe","login":"mariana-mendes","name":"Mariana Mendes e Silva","avatar_url":"https://avatars-next.observableusercontent.com/cf450846b4f38bdb604115291a6353df86fb7afb15b30b688543e3256ce83b74","tier":null}],"members":[{"type":"individual","id":"3bbbf47d6bffd6fe","login":"mariana-mendes","name":"Mariana Mendes e Silva","avatar_url":"https://avatars-next.observableusercontent.com/cf450846b4f38bdb604115291a6353df86fb7afb15b30b688543e3256ce83b74","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Transparência de gastos","cells":[{"id":0,"value":"md`# Transparência de gastos\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":222,"value":"md`Neste notebook iremos apresentar visualizações sobre prestações de contas dos partidos políticos brasileiros na Paraíba. Os dados utilizados são do TSE. Mais especificamente usaremos: `\n\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":270,"value":"html`

Esfera partidária (Estadual ou Municipal)
Partido (Apenas a sigla do partido)
Descrição do gasto
Quantidade de gastos com algo específico
Valor gasto

\n\n

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":74,"value":"$27","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":404,"value":"import {select} from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2,"value":"$28","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":175,"value":"html`

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":434,"value":"\n\nviewof dd = {\n\n return select(['PSDB','AVANTE', 'DEM', 'MDB', 'NOVO', 'PATRI', 'PCDOB', 'PDT', 'PL', 'PRTB', 'PSB', , 'PSD', 'PSL',\n 'PSOL', 'PT', 'PTB', 'PV', 'REDE', 'REPUBLICANOS', 'SDD', 'PROS'])\n \n} ","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":522,"value":"footer = html`

Martini ~ conjunto de slides

`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":178,"value":"md`#### Dependencies`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":132,"value":"inputValue = Generators.input(object.children[0])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":67,"value":"style = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"embed = {\n return function vegalite(spec) {\n var div = document.createElement(\"div\");\n var view = (div.value = new vega.View(\n vega.parse(vegaLite.compile(spec).spec)\n ));\n\n const tooltipHandler = new vegaTooltip.Handler({});\n\n return view\n .initialize(div)\n .tooltip(tooltipHandler.call)\n .runAsync()\n .then(function() {\n return div;\n });\n };\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"vega = require('vega')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"vegaLite = require('vega-lite')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":17,"value":"vegaTooltip = require('vega-tooltip')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":300,"value":"d3 = require(\"d3@5\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":302,"value":"file = inputValue == 2 ? \"https://gist.githubusercontent.com/mariana-mendes/c164a84e245f0060af7a8f4185866dcc/raw/d1e3454129f233bbae859599f7c0c8512bba4d43/estadual.csv\" : \"https://gist.githubusercontent.com/mariana-mendes/c164a84e245f0060af7a8f4185866dcc/raw/d1e3454129f233bbae859599f7c0c8512bba4d43/municipal.csv\"\n\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":474,"value":"dado = d3.csv(file) ","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":346,"value":"data = dado.map((dado) => {\n return {name: dado.SG_PARTIDO, title: dado.SG_PARTIDO, group: dado.SG_PARTIDO, value: dado.number}\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":320,"value":"format = d3.format(\",d\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":394,"value":"color = d3.scaleOrdinal(data.map(d => d.group), d3.schemeCategory10)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":322,"value":"pack = data => d3.pack()\n .size([width - 2, height - 2])\n .padding(3)\n (d3.hierarchy({children: data})\n .sum(d => d.value))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":324,"value":"width = 1000","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":326,"value":"height = width","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W29","stdlib":"1"}} 26:"$25:body"