A public budget.
A table to explore.

Putting the budget on the table.

Domestic Data Streamers set out to make the data in a budget spreadsheet easier for people to understand. They built physical table, arranged everyday objects to represent different areas of public spending, and filmed the scenes. The campaign also included print adverts displayed around the city, bringing the numbers into everyday life.

The next step was to bring the table online. I built the digital version from their design and supplied assets, turning the physical setup into a responsive experience people could explore for themselves.

From supplied design to working interaction.

The development brought together the table, the budget data and the interface states. Visitors can explore themes, interact with objects and open the figures behind them.

I built the custom JavaScript interactions, drag-and-drop behaviour and data-driven components, keeping the experience responsive as people move through the information. I also integrated audio using files supplied by a sound designer, adding another layer to the experience.

Small movements, clear feedback.

I added subtle animation based on the team’s design. Transitions and interactive states help connect the different parts of the experience, with feedback as visitors explore and reveal information.

The aim was to support the design and make the interactions feel considered, while keeping the information easy to follow.

The same character on a smaller screen.

The table needed to work across screen sizes. I adapted the layouts, interactions and navigation for smaller screens, alongside cross-device testing and performance optimisation.

A table beyond the campaign website.

The interactive table was also embedded on news websites, including La Vanguardia and El País, giving readers a way to explore the budget without leaving the article.