ENSAD Visual Explorer

ENSAD Visual Explorer (EVE) is an online app for the visual exploration of the Energy-related Severe Accident Database (ENSAD). ENSAD is a comprehensive collection of historical accidents in the energy sector over the world (e.g. floods by dams, natural gas plant explosions), covering complete energy chains.

Currently ENSAD is available to a limited number of researchers due to its security clearance, but EVE can provide a user-friendly access to ENSAD for the public audience, especially those who work in civil engineering or risk management.

TEAM

Shiho Asada | Visualisation and UI Design
Sisi Salia | Frontend Developement
Kim Wansub | Data Management
Peter Burgherr | Database Development and Analysis

DATA

Energy-related Severe Accident Database (ENSAD) | Future Resilient Systems [Singapore] / Paul Scherrer Institut [Switzerland]

CHALLENGE

Understanding Complex Data

The main challenge was to visualise and analyse the geographical and spatio-temporal dataset of energy related accidents. The dataset has multiple modalities that should be categorised. Understanding and categorising those data accurately are tough tasks, but important to produce a clear visualisation.

DESIGN PROCESS

Research on Existing Projects

I researched existing online projects with interactive visualisations,  especially those using maps. I analysed thier categories, users, purposes, data, etc. and sorted them out. It was a good starting point for designing EVE.

eve-reference

Characterising the Data

The table below was made for categorising different data types, describing details and summarising ideas for visualisation and UI. 

CIVAL_EVE_Sum_table

User Persona & Tasks

We conducted some user interviews with potential target users including academic and commercial researchers in energy sectors and civil engineers.  Based on our user interviews, I created a persona and his user story.

CIVAL_EVE_Sum_persona
CIVAL_EVE_Sum_persona2

Rapid Prototype

By categorising the data, I figured out that each of three main data (energy types,  damage types/ levels, and energy stage chains) has 5 to 18 modalities. Showing everything in one panel could be too complicated, so I divided them into three tabs. Energy types were set as the main view.

CIVAL_EVE_Sum_flow

VISUAL DESIGN

User Interface

The UI includes:

  • Main control panel on the left, which can filter the visualisaton by Energy types, Damage types and levels, Energy chain stages and/or Economic regions
  • Sub control panel on the left for filtering by year
  • Optional panel under the sub panel, which includes a chart tool

Responsive for Mobile

eve-mobile

Icon Design

CIVAL_EVE_Sum_icons
CIVAL_EVE_Sum_icons2

INTERACTION

The development has so far been completed with 30% of the entire data. Here I show the interactions from recordings of the actual product. 

Filtering by Year

Due to the large amount of data, the accidents are clustered as pie charts. When users select a pie chart, they see the breakdown and detail of each accident. The data can be filtered by year.

eve-swiss-g-light

Exploring by Damage Types and Levels

By selecting the type of damage, the diameter of the circle changes. Users can also filter by severity levels.

eve-damage-usa

Chart Tool

The chart tool is an option for further exploration. Users can play with chart styles, Y-axis and scale. The modalities correspond to filters on the main panels.

eve-chart

ALL PROJECTS