@tiagombp

All these things that I've done...

...with (more than) a little help from my friends

At the Epicenter

Homepage of 'At the Epicenter': the screen is divided horizontally, on the left there is a text in big letters 'What if all Covid-19 deaths in Brazil happended in your neighborhood?'; on the right, there is a map of an undefined place in Brazil, streets are black, city blocks are dark grey and there are small dots representing every single person living there. Over the map, a box asks the user to input their address to start the experience. The application is accessible, I invite you to try it!
A screenshot of the project 'At the Epicenter', showing a map of Rio de Janeiro, centered around the famous Copacabana beach. On the map, the streets are black, city blocks are dark grey and there are small dots representing every single person living there. There is an orange circle over the map. The population inside this circle is roughly the number of deaths by Covid-19 in Brazil (around 400 thousand people, at the time). Dots inside the circle are white, and outside, light grey.

Project Description

"No epicentro" is a data visualization tool created with the aim of alerting to the amazing numbers of Covid-19 deaths in Brazil. Up until 2021 January 5th, over 196,000 people had died due to Covid‑19 in the country. But it can be difficult to visualize it so we thought: what if all these deaths had happened near you? Since major Covid‑19 outbreaks happened in metropolitan areas, many Brazilians don’t see the effects of the disease in their daily lives. This simulation was created to make the dimension of our losses easier to understand. We later adapted the project for the United States in collaboration with “The Washington Post”.

Team

Rodrigo Menegat (Data and Storytelling), Vinicius Sueiro (Design and Development), Tiago Maranhão (Maps and Development), Alberto Cairo (Art direction), Gilberto Scofield Junior and Natalia Leal (Agencia Lupa), Marco Tulio Pires (Google News Initiative)

Awards

🏆 Best in Show (small teams) — Society for News Design, 🏆 Best Dataviz in Latin America (update: and Worldwide! 🥳) — Digital Media Awards, World Association of Newspapers and News Publishers, 🏆 Sigma Award for Data Journalism, 🥉 Bronze Medal (Innovation) — Malofiej

Project Websites

Brazilian version in English

Brazilian version in Portuguese

USA version (in collaboration with The Washington Post)

Desiertos Informativos de la Argentina

Homepage of 'Informative Deserts of Argentina', showing a map of Argentina, colored according to the news ecosystem classification created by Fopea, Argentine's Forum of Journalists.
A screenshot of the dashboard of 'Informative Deserts of Argentina', showing a map of Argentina, centered in a department of Rio Negro province.

Project Description

This project was created by FOPEA, with funding from Google News Iniative. An interactive map is presented in which the vegetation and climates have been replaced by these informative "forests" and "deserts", so that people can dive into the conditions of professional journalism and access to local news in their own region.

Team

Rodrigo Menegat (Data and Storytelling), Fernanda Didini (Art Direction and Design), Vallery Nascimento (design), Tiago Maranhão (Maps and Development), Alberto Cairo and Juan Manuel Lucero (Google News Initiative), Irene Benito (Foro de Periodismo Argentino), and all Fopea team of journalists responsible for the data collection all over Argentine.

Awards

🏆 Award of Excellence (use of maps) — Society for News Design, 🏆 Award of Excellence (product design) — Society for News Design

Project Websites

Story (Spanish)

Interactive map (Spanish)

Public Debt Dynamics

A snapshot of the project's opening screen, with the text 'Public Debt' written with letters made out of Tetris blocks, with the Information is Beautiful Awards badges (longlist and shortlist) on top of the image.
A snapshot of one of the story's screen, showing the national public debt of Brazil as a bunch of Tetris blocks.

Project Description

The idea was to explain what happens with the Brazilian Public Debt along one financial year. We represent every R$ 1bn as a little square, arranged like Tetris blocks. Interest, payments and new debt are all illustrated in a Tetris-game style.

Team

Lucas Leite and Jordão Gonçalves (text and storytelling), Tiago Maranhão (design, web development and visualization), Fernando Barbalho (general support) and our colleagues from the Debt Management Office in the Treasury, who were our clients providind guidance and revisions throughout the project.

Awards

🏆 Data Visualization Society's Information is Beautiful Awards 2023 — longlist, 🏆 Data Visualization Society's Information is Beautiful Awards 2023 — shortlist

Project Websites

Story and visualization (Portuguese)

Project page on the Information is Beautiful Awards showcase

Primary Revenue, Expenditure and Deficit

A snapshot of the project's opening screen, with the text 'O Bimestral' with a beautiful artwork.
A snapshot of one of the story's screen, showing the Federal revenues and expenditures as little squares.
A snapshot of one of the story's screen, showing the Federal revenues and expenditures and the primary deficit as little squares.
A snapshot of one of the story's screen, showing the composition of the revenues and expenditures and a small tooltip with more details.

Project Description

Here we took advantage of the same "billions as squares" metaphor to show a general picture of the federal primary revenues, expenditures and deficit. Then, we leave the big picture and show the composition of those revenues and expenditures, in terms of the most important components. The shapes morph into bubbles, with area proportional to their values. The user can explore and dive into those components by clicking on them, in which case a small card is shown with more detailed information.

Team

Tiago Maranhão (data, design, web development and visualization), Fernando Barbalho (general support) and our colleagues from the Financial Programming Office in the Treasury and the Budget Office, who provided the data. Cover illustration by the talented Mariana Abreu.

Project Websites

Story and visualization (Portuguese)

The financial response to Covid-19 in Brazil: a timeline

A snapshot of the project visualization, consisting of a timeline of laws and regulations issued by the Brazilian government to fight the effects of Covid-19 in the country, alongside a streamgraph demonstrating the respective expenditures at each point in time.

Project Description

This project aims to organize the information regarding the Federal Government of Brazil response to the Covid-19 pandemics. The visualization shows a timeline of each law and regulation issued by the Executive and the Parliament, with details on hover, alongside the respective financial expenditures.

Team

Fernando Barbalho (data), Lucas Leite and Jordão Gonçalves (text and storytelling), Tiago Maranhão (design, web development and visualization).

Project Websites

Story and visualization (Portuguese)

Brazilian Guaranteed Debt

A snapshot of the project visualization, consisting of a bubble chart where each bubble represents an entity -- a state, a municipality or an state-owned enterprise --, and the bubble size represents the amount of the entity's debt that is guaranteed by the Federal Government.

Project Description

This project aims to explain and show, in (hopefully) an interesting way what are guaranteed debts and the amounts of states, municipalities and state-owned enterprises debt guaranteed by the Federal Government of Brazil.

Team

Lucas Leite (data) e Jordão Gonçalves (text and storytelling), Fernando Barbalho (open data), Tiago Maranhão (design, web development and visualization), and our colleagues from the Debt Management Office in the Treasury, who were our clients providind guidance and revisions throughout the project.

Project Websites

Story and visualization — First Part (Portuguese)

Story and visualization — Second Part (Portuguese)

Story and visualization — First Part (English)

Story and visualization — Second Part (English)

Brazilian Executed Guarantees Dashboard

Project Description

The dashboard shows every payment made by the National Treasury, as guarantor, to fulfill a debt obligation on behalf of the debtor (usually a state or municipality).

The idea was to represent every single payment as a single visual mark. In this way, the dashboard offers an overview of the total amounts in a few different perspectives (by year, debtors, creditors and whether the original debt was internal or external). To do this, the payments are represented by small rectangles, with widths proportional to the payment amount, and those rectangles are arranged and re-arranged to form the bars that represent the overall values.

The dashboard also offers a detailed view, where each payment morphs from rectangles to circles, and the circles are then arranged by date, using a force-directed layout to form a beeswarm chart where every single payment is visible and can be detailed with a hover action.

Team

Lucas Leite, Jordão Gonçalves, Fernando Barbalho (data and open data), Tiago Maranhão (design, web development and visualization), and our colleagues from the Debt Management Office in the Treasury, who were our clients providind guidance and revisions throughout the project.

Project Websites

The dashboard (Portuguese)

The Geography of Hunger: 75 years later

Homepage of 'The Geography of Hunger, 75 years', showing a map of Brazil and the title of the project
Maps of the 5 Brazilian regions, with line charts showing the evolution of children's undernutrition indicators in each region.
Illustration showing a breakfast table with a cup of coffee and a plate containing two breads

Project Description

A data-driven story made for the 75 year celebrations of "The Geography of Hunger", by Josue de Castro, a "ground-breaking ecological work about the political issue of hunger in Brazil" (Wikipedia).

The story analyses how hunger indicators such as children undernutrition and food security have changed in Brazil in the last years. The story then aims for a more personal angle by showing examples of the modern forms of "hunger" faced by Brazilians, such as over consumption of ultra-processed food, lack of food, diets mainly based on carbohydrates and food monotony. This is done by means of illustrations depicting all the meals of four chosen real brazilians in a given day, based on a national survey conducted by the Brazilian Institute of Geography and Statistics.

Project made for the "Josue de Castro" Center, of the University of Sao Paulo.

Team

Rodrigo Menegat (story), Vallery Victoria (illustrations), Tiago Maranhão (development).

Project Websites

Geografia da Fome, 75 anos (Portuguese)

Survey results: the COVID impact on the academic community of the largest university of South America (University of São Paulo)

Project Description

Volunteer project to help visualize the impact of Covid-19 on the women and men of the University of São Paulo, for the "Women of USP" office.

Team

José de Jesus (data), Tiago Maranhão (design, development).

Project Websites

Unfortunately, the project website is not public.

Survey results: Treasury employees expectations

Project Description

The Treasury ran a survey to collect its employees expectations. A surprising large number of people answered the survey and, to honor such participation, we tried to present the results in a beautiful and engaging way,

I always find the combination of unit charts (one visual mark for each data point) and animations with object constancy so powerful, I couldn't resist using it again here.

Team

The People of the Treasury (data), Tiago Maranhão (design, development).

Project Websites

Vozes do Tesouro (Voices from the Treasury) (Portuguese)

The state owned companies of the Brazilian States

A snapshot of the project initial screen, with the project title and a big picture of an employee in a lab at the Pharmaceutical Company of Pernambuco
A snapshot of a visualization, showing a map of Brazil with some states highlighted
Another snapshot of another visualization, showing a dot plot with the estimated returns of the companies by state

Project Description

This is a visual story about the state enterprises maintained by the Brazilian states. With many charts, tables and text, the aim is to cast some light on these companies, analyzing their finances, governance and their effect on the states' budgets.

Team

Lucas Leite (data and storytelling), Jordão Gonçalves (storytelling), Fernando Barbalho (open data), Tiago Maranhão (data, design, web development and visualizations), and our colleagues from the Federative Relations Department in the Treasury, who were our clients providind guidance and revisions throughout the project.

Project Websites

Visual story (Portuguese)

Cardboard Imperial Walker (AT-AT)

A cardboard AT-AT with a platoon of Lego Stormtroopers marching at its side

Project Description

A cardboard All Terrain Armored Transport (AT-AT), a.k.a. "Imperial Walker", built in scale compatible with Lego Stormtroopers. We were staying a few months with my in-laws (they live about 1,000 miles from us). My kids missed their toys from home, so I tried to build some cardboard toys with them. Very crude in the beggining, but we got a bit better with time. I guess now it's a hobby. :)

Team

Vicente (then 7yo, inspiration, general assistance, measurements), Teodora (then 4yo, inspiration, general chaos, painting), Melissa (inspiration for everything, all the time, painting) and Tiago (design, cutting, gluing, assembly).

❤️

Experiments in Generative Art

This one was inspired by (i) this beautiful piece I saw on Instagram; (ii) a certain weariness with social media and its unappointed pundits (the words read "so many people / with so many opinions / about so many things"), and (iii) "No reason, that most powerful element of style" (from "Rubber", that crazy movie about a tyre that comes to life and kills people with telepathic powers).

It is live elsewhere in my website.

Now this one was inspired by this great video on Twitter.

It is a series of cardioids, and the code I wrote is here.

Below, some experiments with grids, noise and ASCII box drawing characters.

Genarative art with ascii characters
Genarative art with ascii characters
Genarative art with ascii characters