Development Data Hub

Development Initiatives

in collaboration with Data Act Lab

Project Lead, Concept Development, Development (2014)
Development Initiatives is an independent organisation working for poverty elimination. Our role in this project was to lead the development of the new website and several related data visualization projects, including "Unbundling aid".


During 2014, we worked extensively with Development Initiatives' team in Bristol to define the scope of their new website and "Development Data Hub". The website brings together DI's work around the world in a modern, responsive web platform. The platform was built on:

  • AngularJS
  • A custom WordPress backend (using WP-API as a bridge)
  • D3js for the many data visualizations
  • A custom CSS framework for Style guidelines
Launch Site

Development Data Hub

This video provides an overview of some of the data tools my team built for Development Initiatives. These tools include:

  • Data-driven country profiles
  • Unbundling aid
  • Where are the poor?
  • Development Data Explorer
  • Data maps

Development Data Explorer

How does Poverty relate to Government spending?

With this visualization - utilizing an animated bubble chart - users can explore a range of development indicators. There are also preset stories that an editor can configure without technical expertise.

Unbundling aid

Who funds what how?
With this visualization, we wanted to give users an interesting way to drill down into 5 dimension of aid data. Users can quickly find answers to questions such as:

  • Which sectors receive most ODA?
  • How does Country A compare to Country B?
  • How did the ODA composition change between 2012 and 2013?

The application uses a MongoDB database and an API layer to make this relatively large dataset available in milliseconds.