pipeline incidents
data visualization

pipeline incidents data Visualization

A few years ago, the national energy board came out with an initiative to make their data more transparent. So they released a bunch of spreadsheets, thousands of columns of energy data to the public and they found out that people had no interest in reading them.

The NEB got together with the University of Calgary’s data visualization department to design custom visualizations for their energy data.

The pipeline incidents visualization is the second visualization that the University of Calgary and VizworX did for the NEB.

This project was completed in December of 2017 and updates its data yearly. It has been released to the public in English and French and uses Google analytics to track user events. It is also keyboard accessible and accessible for those with impaired hearing

project overview

Pipeline Incidents looks at incidents that happened regarding pipelines in canada and highlights the date, reason why, company name, status, etc. The data visualization is an advanced Sankey diagram with columns that can be added or removed from the main view and paths that lay between columns to show their relation. Incidents can be starred or selected to view the specific path it flows through and each category inside the columns can be filtered. If users want to see how to navigate through the data, the visualization offers a ‘Tell Me A Story’ button to guide them. This visualization’s data can be downloaded and its code is all open source on the NEB GitHub. A screenshot of the visualization can also be taken.


React, Redux, Immutable, Javascript, HTML, CSS, Sass, SVG, Bitly