A visualization of pipeline incident data from the National Energy Board | Une visualisation des données sur les incidents pipeliniers, recueillies par l’Office national de l’énergie.
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
app
devPublic
public
servers
.env.dev
.env.prod
.eslintrc.js
.gitignore
ApplicationRoot.js
LICENCE_FR.md
LICENSE_EN.md
build.js
data.js
incident-visualization.sublime-project
package-lock.json
package.json
readme.md
webpack.config.js
webpack.prod.config.js

readme.md

La version française suit.

Pipeline Incident Visualization

About

This Incidents at NEB-Regulated Pipeline and Facilities interactive online tool is part of the National Energy Board’s (NEB) Data Visualization Initiative (DVI). The DVI is a three-year initiative to transform how the NEB structures and shares data. The objective is to enable evidence-based decision making and remove barriers to understanding Canada’s energy and pipeline systems through the use of user-friendly interactive visualizations. This visualization is based on NEB data from 2008 to current for incidents reported under the Onshore Pipeline Regulations and the Processing Plant Regulation. In the months and years to come we will use this innovative format to share our pipeline safety data, energy data series, energy infrastructure information, and a host of other topical data. In addition, other online tools can be found in the NEB Safety Performance Portal.

If you want to use the data for research and undertake your own review, all the data is downloadable and shareable. The chart images are also downloadable

We hope we are hitting the mark. Your feedback is essential.

Email us with your comments and ideas: energyindesign@neb-one.gc.ca. We look forward to hearing from you.

About this Repository

This repository includes the code and data needed to run a local version of the incident visualization app.

You can download and run the application code to see how it was built and explore the data on your own computer. (If you only want to explore the visualization, you may want to view the app on the NEB's website.)

Prerequisites

Installing and Running

Follow these instructions at the command line tool on your computer (Powershell or CMD on Windows, Terminal on MacOS, Konsole or similar on GNU/Linux).

  • Download a local copy of the source code: git clone git@github.com:NEBGitHub/incidents-pipeliniers_pipeline-incidents.git incidents
  • Change into the incidents directory: cd incidents
  • Install project dependencies: npm install
  • Run the development server: npm run start
  • Visit http://localhost:3001/pipeline-incidents in your browser.

Building for deployment

The deployment build of the incident visualization is intended for use with the NEB's hosting environment, and may not be of much interest to the public. In the project folder, run:

  • npm run build

This produces public/script/bundle.js, a single file version of the app. If this file is present, it is used pereferentially by the development server rather than the code under app/.

Contributors

Data Source

Andrew Benson, Karen Duckworth, Randy Cooke

Coordination

Annette Hester (Concept and Coordination); Katherine Murphy (Project Manager); Faiza Hussain (Administrative support); Stephen Chow (Data Coordination)

Data Visualization

Lead Design Research: Sheelagh Carpendale and Wesley Willett, iLab, University of Calgary.

Design: Bon Adriel Aseniero, Peter Buk, Shreya Chopra, Søren Knudsen, Doris Kosminsky, Claudia Maurer, Lien Quach, Katrina Tabuli, Annie Tat, Jo Vermeulen, Jagoda Walny Nix, and Mieka West.

Lead Technical: Vizworx

Technical: Patrick King, Alaa Azazi, Charlie Cheung, Abhishek Sharma, and Ben Cousins

Contact Us

We're the development team with VizworX who put this project together for the NEB. We aren't able to provide extensive support for this project, but you're welcome to reach out with questions and thoughts!

License

All of the project materials are licensed under the Open Government License - Canada.

Third Party Licenses

Fonts: Fira fonts used under the Open Font License Version 1.1.

Map of Canada © 2003 Government of Canada with permission from Natural Resources Canada.

Map: “Map showing provinces and territories reporting 2009 swine flu (H1N1) cases in Canada” by Fonadier from Wikimedia Commons. Licensed under CC BY 3.0. (Re-coloured and rotated from original.)

Tell Me A Story icon: by Bon Adriel Aseniero. Licensed under CC BY-SA 3.0.

Methodology icon: Process by Rflor from thenounproject.com. Licensed under CC BY 3.0.

Reset icon: Reset by Mooms from thenounproject.com. Licensed under CC BY 3.0.

Facebook icon: By Elegant Themes from www.flaticon.com. Licensed under CC BY 3.0.

Visualisation des incidents pipeliniers

Le Projet

L’outil interactif « Incidents impliquant des installations et des pipelines réglementés » fait partie de l’initiative de visualisation des données de l’Office national de l’énergie. Échelonnée sur trois ans, cette initiative vise à transformer la manière dont l’Office structure et diffuse ses données. Elle a pour objectif de favoriser un processus décisionnel fondé sur la preuve et de faciliter la compréhension des questions liées aux réseaux énergétiques et pipeliniers du Canada, grâce à un outil de visualisation interactif, facile à utiliser. L’outil présente les données recueillies par l’Office de 2008 à aujourd’hui en ce qui concerne les incidents signalés en application du Règlement de l’Office national de l’énergie sur les pipelines terrestres et du Règlement sur les usines de traitement. Au cours des mois et des années à venir, l’Office utilisera cet outil novateur pour diffuser ses données sur la sécurité des pipelines et sur l’énergie, l’information qu’il possède sur l’infrastructure énergétique et une foule d’autres renseignements spécialisés. Par ailleurs, le portail Rendement en matière de sécurité comporte d’autres outils interactifs en ligne.

Si vous souhaitez utiliser les données pour vos recherches ou pour en faire votre propre analyse, vous pouvez les télécharger et les partager. Les graphiques peuvent aussi être téléchargés.

Nous espérons avoir atteint notre objectif. Votre rétroaction est essentielle.

Vous pouvez nous la faire parvenir, ainsi que vos suggestions, à l’adresse : conceptionenergie@neb-one.gc.ca. Votre opinion compte.

Le référentiel

Le référentiel contient le code et les données nécessaires à l’utilisation d’une version locale de l’application de visualisation des incidents. Vous pouvez télécharger et exécuter le code d’application pour voir comment il a été construit et examiner les données sur votre propre ordinateur. (Si vous voulez simplement explorer les possibilités de visualisation, vous pouvez voir l’application sur le site Web de l’Office.)

Produits préalables

Installation et utilisation

Suivez les instructions à partir de la ligne de commande de votre ordinateur (Powershell ou CMD dans Windows, Terminal dans MacOS, Konsole ou l’équivalent dans GNU/Linux).

  • Téléchargez le code source pour en avoir une copie locale : git clone git@github.com:NEBGitHub/incidents-pipeliniers_pipeline-incidents.git incidents
  • Passez au répertoire des incidents : cd incidents
  • Installez les dépendances : npm install
  • Lancez le serveur de développement : npm run start
  • Dans votre navigateur, allez à la page http://localhost:3001/pipeline-incidents.

Développement en vue du déploiement

La version de déploiement de l’application de visualisation des incidents est conçue pour être utilisée avec l'environnement hôte de l’Office et pourrait ne pas être d’un grand intérêt pour le public. Dans le dossier du projet, exécutez la commande suivante :

  • npm run build

Une version de l’application à un seul fichier sera créée (public/script/bundle.js). Lorsque ce fichier est présent, le serveur de développement l’utilise de préférence au code sous app/.

Les contributeurs

Source des données

Andrew Benson, Karen Duckworth, Randy Cooke

Coordination

Annette Hester (conception et coordination); Katherine Murphy (gestionnaire de projet); Faiza Hussain (Soutien administratif); Stephen Chow (coordination des données)

Visualisation des données

Recherche conceptuelle sous la direction de Sheelagh Carpendale et Wesley Willett, iLab, Université de Calgary

Conception : Bon Adriel Aseniero, Peter Buk, Shreya Chopra, Søren Knudsen, Doris Kosminsky, Claudia Maurer, Lien Quach, Katrina Tabuli, Annie Tat, Jo Vermeulen, Jagoda Walny Nix, and Mieka West.

Chef technique à Vizworx

Aspect technique : Patrick King, Alaa Azazi, Charlie Cheung, Abhishek Sharma, and Ben Cousins

Contactez-nous

Nous sommes l’équipe de développement de VizworX qui a réalisé le projet pour le compte de l’Office. Nous ne sommes pas en mesure d’assurer un soutien complet du projet, mais vos questions et vos suggestions sont les bienvenues!

Licence

Toutes les composantes du projet sont visées par la licence du gouvernement ouvert – Canada.

Licence accordée par un tiers

Police : Police Fira, en vertu de la licence de police de caractères libre (version 1.1)

Carte du Canada © 2003 Gouvernement du Canada, avec la permission de Ressources naturelles Canada

Carte : Carte produite par Fonadier illustrant les provinces et territoires selon les signalements de cas de grippe A (H1N1), tirée de Wikimedia Commons et portant la licence CC BY 3.0. (L’original a été recoloré et pivoté.)

Icône Une histoire à raconter? : Créée par Bon Adriel Aseniero et portant la licence CC BY-SA 3.0.

Icône Méthodologie : Créée par Rflor, tirée de thenounproject.com et portant la licence CC BY 3.0.

Icône réinitialiser : Créée par Mooms, tirée de thenounproject.com et portant la licence CC BY 3.0.

Icône Facebook : Créée par Elegant Themes, tirée de www.flaticon.com et portant la licence CC BY 3.0.