Industry

Non-Profit

Location

Berlin, Germany

Engagement

1

Year

Focus

Design and development of an interactive data visualization tool to showcase the impact of climate change on global migration patterns.

Services

Experience design services

Data visualization

Performance optimization

Drupal CMS implementation

Quality assurance

The International Organization for Migration (IOM), the UN migration agency, promotes orderly and humane migration worldwide. As our planet changes, a complex challenge that has emerged is climate change-induced human migration.

Millions are being forced to leave their homes, seeking safety and stability. Recognizing this critical issue, the United Nations (UN) led a coordinated effort to support vulnerable communities.

Its Global Data Institute (GDI) wanted a data-driven solution to visualize climate hazards. We developed an interactive data visualization tool to predict how climate change will impact human mobility across the globe. This tool, showcased at COP28, helps identify areas at risk of floods, droughts, and other climate hazards.

It allows for data-driven decisions and international collaboration to address climate-induced migration, ensuring that the user interface caters to diverse needs across the target audience, and observes changes in exposure over time.

‍

Challenges

The platform had to ensure swift access to quantitative climate data, highlighting IOM's expertise in predictive modeling, data analysis, and visualization. It also needed to be informative and user-friendly. This project was expected to showcase results in diverse visualizations like 3D maps, line charts, and bar charts. Efficient handling of large datasets on 3D maps and their performance was also crucial.

Validating map outputs using color shades (instead of numbers) required data-driven creative solutions. Building a user-friendly data update system through a dashboard, while ensuring a smooth user experience, presented another hurdle. Finally, explaining complex climate data to non-expert users meant pushing the limits of existing tooltip functionalities, necessitating external libraries.

We also had tight deadlines to complete the project due to the business's need to present the tool in the COP28 event which made it challenging for our development and quality engineering teams.

Approach

Agile methodologies were at the core of our approach which helped us to adapt to emerging challenges and navigate complexities with remarkable efficiency throughout the project lifecycle.

We started with an initial questionnaire involving client stakeholders to gather all the details related to the projects, like - design, project discovery documents, and data files to run an analysis. This helped us in analyzing the platform goals, identifying the raw data available with IOM, and visualizations needs.

For data accuracy, detailed test scenarios were created for validating maps, trends, and filter combinations covering all data types. For the map, we used a browser development tool to validate the data.

Solution

Design

We created an intuitive world map that projects climate changes and their effects over the next decades with a unique combination of different factors. Users also had the option to toggle between a 2D & 3D map to view the data they required.

Line charts and bar graphs were added to view and compare different projections of climate change affected by the different degrees of factors. Different visual representations of climate-related data that could be switched from a simple interaction were done.

A collapsible left-side panel with different filters that could be switched from a simple interaction helped users view specific projections of climate changes and gave more space for the users to see the data properly.

Data visualization portal development

Our extensive research on the available JS visualization library, mainly d3.js, observable-plot and svelte helped to implement CSS properties as per designs - especially for legends. Using d3.js seemed to be a better approach than the Math library of JS while working on huge datasets for visualization.

Developed individual batch processes triggered manually, step by step via a user-friendly dashboard, for preparing the required files and nodes.

Leveraged Drupal’s node entities to store the data required to visualize the line and bar charts. The filter-able GraphQL APIs ensured that only required data was served.

Outcome

We designed and developed a fully responsive, interactive data visualization solution that IOM could use to present its climate-related hazards forecast at the COP28 summit. And also, develop a simple solution for updating the source data as and when required.

The data-driven portal helped to understand climate-related displacement risk better which provides a vital foundation to allocate resources and make informed policy decisions. The data shown enabled international organizations with insights to provide effective and targeted support for vulnerable populations.

They can now interactively explore where and when climate hazard exposure, high population densities, and economic vulnerability will coincide in the future. This shift towards evidence-based decision-making ensures that aid and resources reach those who need it most, maximizing their impact and fostering a more resilient future for all.

Talk to our experts to know more about how we can customize digital solutions that fit your needs.

Both the quality of the work and the personal experience were outstanding. While I was fully satisfied as a customer, I felt bad that the development team had to work such long hours towards the end. I wonder what could have been done differently (especially by us) to make it easier on the team.

Robert Beyer

Data and Research Analyst

Bring us your challenge

We’ll help you get clear on what needs solving,
that’s where we begin

How an academic medical center launched its full site on schedule, with the content migration still running

How an academic medical center launched its full site on schedule, with the content migration still running

Rebuilding Diabetes Food Hub as one connected nutrition planning experience

One operating model for a global portfolio of industrial brands

AI-powered legal search helps 62% more users find legal help

How Banyan Living built a digital guest experience as premium as their properties

Built on trust and purpose, our 5 years of Digital partnership with the UN

Creating a safe digital space for women and girls facing gender based violence

Building a migraine therapy band website for the German market

National Kidney Foundation’s Drupal 7 to 10 migration | Redefining digital operations and experience

Interactive data visualization of climate hazards for the International Organization for Migration, UN

Enabled a Fortune 200 company to launch 2000+ websites via a decoupled DXP

An intuitive platform to find co-living spaces for digital nomads

MVP to a multi-platform real estate app using Decoupled Drupal

Restaurant aggregator web & mobile interface fueled by NodeJS

Overhauling the digital landscape of diabetes.org with Drupal 10 & multisite architecture

Drupal multisite powered HCP portal for a Fortune 500 pharma company

Bringing 70 brands under one umbrella platform for the world's largest FMCG company

Unifying multiple brand sites for a hospitality group with Drupal 9

Launched 11 beer brands via platforming for SABMiller

Connecting 1200+ educators and digitizing resources for Azim Premji Foundation

Drupal 9 & Acquia Site Studio platform for the world largest’s FMCG company

Marketing CMS for Blinkit’s Native Mobile App

Helping buyers shop from multiple boutiques in one place via headless commerce: STA

Expanding global presence for the European Bartender School using Drupal 8

How Kotak Securities rebuilt for speed, scale, and full platform ownership

Increasing employee engagement at HERE Technologies

Platform migration and design system for Stanford GSB

Personalization & effortless content management for Rajasthan Patrika

NSE Clearing — Secure and scalable digital finance solutions with Drupal 9

Redefining user-centric legal access for ILAO with UX design and Drupal

Building the future of healthcare engagement with Lean UX and Drupal

Enabling Ashoka's presence across 90+ geographies with a resilient content architecture

Building a Drupal-powered knowledge management platform for a global nonprofit

Transforming a global nonprofit venture fund platform with Drupal 9