Filter by disaster type:

Click a prefecture to explore its profile

Write-up

Design Decisions and Rationale

Geospatial visualization: With a focus on tracking disaster events over time across Japan, the interactive map allows users to witness the disasters by the prefectures they impacted. This helps track where and how major natural disasters hit the country, such as the 2011 Japanese earthquakes, which had a high concentration in the northern region of Japan. To help viewers navigate through yearly profiles with ease, users may scroll through multiple years using a slider for the temporal animation with play/pause, prev, next buttons, or find country data for a specific year using the search bar.

Previous alternatives: We originally considered expanding our geospatial visualization globally and only tracking disaster locations and country risk profiles. However, this limited us to looking at countries’ disaster data aggregates, giving us little flexibility to measure how, on a regional basis, countries were impacted by the aftermath of any given disaster event. As such, focusing on Japan specifically, a country with so many per-year disasters that have also historically been some of the most impactful worldwide, mitigated this issue and allowed us to do a deeper dive into regional risk profile statistics to produce a more detailed and insightful visualization.

Disaster points and filters: To differentiate between disaster types, each was assigned a distinct color that appears on the map and their respective filtering boxes. Users may utilize these filters to easily select a subset of the disaster types for viewing across the time horizon.

Impact Summary: To let viewers see the exact dimensions of the damage resulting from a given disaster event, an on-hover tooltip was created that shows key statistics for a given disaster and prefecture affected that year, respectively.

Risk Profile and Secondary Plot: We sought to aggregate the various dimensions of the impact of a given disaster event on a given area by creating a risk estimate (risk profile) for said area. This custom-built risk score balances economic and human impact scores for each disaster using weights that, after experimentation, seemed the most reasonable with regards to the accuracy with which they portray the likelihood that a given prefecture is to experience devastation. The human impact score weighted deaths higher than individuals 'generally' affected to account for the indirect, but profound, the impact of death itself may have friends' and families' lives as well. Each prefecture per year was then assigned once such risk estimate, and a color scale with percentile-based gradations was generated to allow for visual risk comparison across prefectures. To let users track changes in risk profiles over time for a particular prefecture, we implemented logic triggered on-prefecture-click that generates a separate time-series plot the risk values of that prefecture across the entire time horizon.

Development Process

Initially, most of the work was focused on finding the best way to visualize the NASA MODIS natural disaster data. As such, for the first 1.5 weeks, most of the work was done individually, with each group member testing various modes of visualization using D3 to determine their respective capabilities of yielding the insights we wanted to see. We had 4 in-person/online meetings, two for initial brainstorming and two for working on our final visualization. Our in-person meetings lasted for a minimum of 2 hours, allowing us to perform deep dives into our project's goals and for group coding/feedback. The dataset used to guide our final design was the MODIS Geocoded Disasters (GDIS) dataset, which showcased global disasters over 60 years. But in order to see the scale of each disaster's impact we had to dig deeper and ended up with the EM-DAT dataset that GDIS is based on and that's where we managed to get the key damage values we needed. With supplementary GeoJSON and population datasets, and a lot of preprocessing, we managed to create a final merged dataset for use in JS that contains exactly what is needed for the visualizations and nothing more. By this point the interactive map with the temporal animation and some basic styling on the page had already been implemented and confirmed operational, so the remaining tasks such as extra filtering, on-hover, on-click etc. were implementable in a completely modular fashion as those 2 components were their only prerequisites. Every team member completed their remaining tasks at their own pace, we fixed bugs as they popped up, and while debating the need for new features and filters, we ultimately were beholden to the deadline and ended our efforts satisfied with the result.

Workload Distribution:

Group: Bug fixes, project planning, data fetching, risk profile, touch-ups.

Uzair: Data cleaning, preprocessing, automated secondary plot generation on-prefecture-click.

Sean: Rendering interactive map from GeoJSON, on-hover impact summary, on-click zoom animation.

Uday: Temporal animation using slider, buttons, disaster-type-based and year-based filtering.

Odessa: Disaster type differentiation using color coding, write-up.

How we compute the Risk Profile