EN_ "Câmara Transparente" (Transparent House) is an interactive data visualization that has the objective of revealing the economic influence exerted on the occupants of the Brazilian house of representatives. The data collected by FGV DAPP, Brazil’s top Think Tank, and designed by Café.art.br reveal the amount of the donations Brazil’s Congressman received, who they received it from, and in which committees they take part in.
PT_ A ferramenta “Câmara Transparente” á uma visualização interativa de dados que tem como objetivo desvelar as influências econômicas feitas sobre os atuais ocupantes da Câmara dos Deputados. Os dados coletados pela FGV DAPP, maior Think Tank do Brasil, e projetados pela Café.art.br retratam as receitas de campanha destes deputados, quais empresas fizeram as doações e de quais Comissões os deputados eles participam.
The House / A Câmara
EN_ “The House”, Câmara Transparente’s introductory visualization is a portrayal of the House itself. Each dot represents a Representative (Deputado Federal) and they are grouped by party, from the largest (PMDB) to the smallest (PPS). A figurative, easy and mildly explorative visualization, just to hook the user and get things going.
PT_ ”A Câmara”, visualização de abertura da Câmara Transparente, é um retrato da câmara atual. Cada ponto representa um deputado e estão agrupados por partido, do mais representado (PMDB) ao menos representado (PPS). É uma visualização simples e figurativa, com pouca interação, ideal para quebrar o gelo e engajar o usuário.
Dataviz development Desenvolvimento da visualização
Final version versão final
EN_ After we had the House laid out and the user had an understanding of what we were talking about we still had a bunch of relevant data to show so we mapped everything out and proceeded to define categories to group data by. We decided on designing three more complementary visualizations:
- Party Radar, to show the direct (to the candidate) and indirect (though the party) donations;
- Donation Map, to show how each state was represented, donationwise, and;
- Comitees, to show the link between the donor and the comittes in which the Congressman take part in.
PT_ Depois de ter a Câmara estruturada e de entregar ao usuário uma maneira fácil de entender sobre o que é a visualização, nós ainda tínhamos muitos dados relevantes para mostrar. Prosseguimos, então, com o mapeamento de todos os dados e com a definição de possíveis categorias para agrupá-los. Com isto feito, optamos por projetar mais 3 visualizações complementares:
- Radar Partidário, para mostrar as doações diretas (para o candidato) e indiretas (através do partido);
- Mapa das Doações, para mostrar como cada estado é representado em termos de doações, e;
- Comissões, para mostrar a ligação entre doador e as comissões das quais o Deputado é membro.
Party radar / Radar partidário
EN_ With the goal of displaying the total amount of donations each party received and, at the same time, separate the direct (business to candidate) and indirect (business to party, then to candidate) donations we designed a radar-like visualization, supplemented by a few data displays.
PT_ Com o objetivo de mostrar o total de doações que cada partido recebeu e ao mesmo tempo separar as doações diretas (da empresa para o candidato) das indiretas (da empresa para o partido, que repassa para o candidato), criamos uma visualização em forma de radar, mais alguns suportes suplementares de dados.
Dataviz development Desenvolvimento da visualização
Final version versão final
Donation map / Mapa das doações
EN_ The geographical influence of donations were presented in a map. Each party has a “home” state and each candidate represents a state so, to make our idea work, FGV DAPP came up with a methodology to distribute the direct and indirect donations by state.
PT_ A influência geográfica das doações foi abordada em um mapa. Cada partido tem um estado sede e cada candidato representa um estado então, para dar vida à nossa ideia, a FGV DAPP criou uma metodologia para distribuir as doações diretas e indiretas por estado.
Dataviz development Desenvolvimento da visualização
Final version versão final
Comitees / Comissões
EN_ In order to establish the links between the donors and the thematic committees in which the Congressmen are members of we designed a type of chord diagram. The width of each chord represent the amount donated and connects the businesses (left) to the committees (right).
PT_ Para estabelecermos uma relação entre os doadores e as comissões das quais os deputados participam nós desenhamos uma espécie de gráfico de cordas. A largura de cada corda representa o valor total doado e liga as empresas (esquerda) às comissões (direita).
Dataviz development Desenvolvimento da visualização
Final version versão final
UI / UX
EN_ The subject and the visualizations were already complex enough so we didn’t find a richly detailed and highly animated interface/experience was in order. Total minimalism wasn’t the way to go either for it could scare away a significant number of users. It took three or four iterations to get it just right: simple, sober and friendly.
PT_ O assunto e as visualizações são bastante complexos de forma que uma interface/experiência rica em detalhamento visual e animações não seria apropriado. Algo muito minimalista também não seria legal, podendo afastar uma parcela significativa de usuários. Levamos três ou quatro iterações para acertar o tom: simples, sóbrio e amigável.
First key visual Primeira proposta
WALKTHROUGH Navegação
SPin-off / Derivação
ELECTORAL MOSAIC MOSAICO ELEITORAL
EN_ During the development of the data visualization we came up with some extra material that didn’t exactly fit but could easily complement the work. One of those ideas was the Electoral Mosaic, a visualization we were able to further develop and launch with FGV DAPP.
PT_ Durante o desenvolvimento da visualização de dados nós criamos muito mais material que o que foi publicado. Esse material extra não fazia sentido dentro da visualização mas poderiam complementar o trabalho. Uma dessas ideias é o Mosaico Eleitoral, uma visualização que tivemos a oportunidade de desenvolver e lançar com a FGV DAPP.
FINAL VERSION versão final
Award / premiação
PANEL COMMENTARY COMENTÁRIO DO JURI
EN_ “Original, relevant and pertinent work. In addition to the strong aesthetic sense and the efficient use of infographics to visualize the immense amount of information available in the TSE (Brazil’s Supreme Electoral Court), this project provides a very important civic service, helping to show a practical and didactic application of an open data policy.”
PT_ “Trabalho original, relevante e pertinente. Além do forte senso estético e do eficiente uso de infografia para visualizar a imensa quantidade de informações disponíveis no TSE, este projeto presta um serviço cívico muito importante, ajudando a mostrar uma aplicação prática e didática de uma política de dados abertos.”
Creative Direction Direção de Criação
Leandro Amorim
Design Direction Direção de Design
Duda Rodrigues
Information/Interface Design Design de Informação/Interface
Duda Rodrigues
Diego Leal
Creative Coding Creative Coding
Erico Rosa