La version française suit.
This online tool portrays imports and exports of energy products to and from Canada. It is part of the Canada Energy Regulator’s (CER, formerly the National Energy Board) Data Visualization Initiative (DVI). The DVI is a three-year initiative to transform how the CER 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 show quarterly energy trade data between Canada and the U.S. since 1985, with the exception of electricity data which is available back to 1990. In addition, other online tools can be found in the CER 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: data.donnees@cer-rec.gc.ca. We look forward to hearing from you.
This repository includes the code and data needed to run a local version of the imports exports 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 CER's website.)
- Node + NPM > v6.10
- Git
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/importations-exportations_imports-exports.git imports-exports - Change into the imports-exports directory:
cd imports-exports - Install project dependencies:
npm install - Run the development server:
npm run start - Visit http://localhost:3003/imports-exports/ in your browser.
The deployment build of the imports exports visualization is intended for use with the CER'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/.
Paul Mortenson
Annette Hester (Concept and Coordination); Katherine Murphy (Project Manager)
Lead Design Research: Sheelagh Carpendale and Wesley Willett, iLab, University of Calgary.
Design: Bon Adriel Aseniero, Peter Buk, Søren Knudsen, Doris Kosminsky, Claudia Maurer, Jagoda Walny Nix, and Mieka West.
Technical: Spenser Jones, Charlie Cheung, Rahul Kamal Bhaskar, Patrick King, Andy LePage, and Ben Cousins
We're the development team with VizworX who put this project together for the CER. We aren't able to provide extensive support for this project, but you're welcome to reach out with questions and thoughts!
- Spenser Jones - spenser.jones@vizworx.com
- Charlie Cheung - charlie.cheung@vizworx.com
- Rahul Kamul Bhasksar - rahul.kamal.bhaskar@vizworx.com
- Ben Cousins - ben.cousins@vizworx.com
All of the project materials are licensed under the Open Government License - Canada.
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.)
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.
Cet outil en ligne trace un portrait des importations au Canada et des exportations du Canada des produits énergétiques. Il fait partie de l’initiative de visualisation des données de la Régie de l’énergie du Canada. Échelonnée sur trois ans, cette initiative vise à transformer la manière dont la Régie 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 à des visualisations interactives, faciles à utiliser. Cette visualisation présente les données trimestrielles sur le commerce de l’énergie entre le Canada et les États-Unis depuis 1985, à l’exception des données concernant l’électricité, qui ne sont disponibles que depuis 1990. 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@cer-rec.gc.ca. Votre opinion compte.
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 la Régie.)
- Node + NPM > v6.10
- Git
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/importations-exportations_imports-exports.git importations-exportations - Passez au répertoire des importations-exportations :
cd importations-exportations - Installez les dépendances :
npm install - Lancez le serveur de développement :
npm run start - Dans votre navigateur, allez à la page http://localhost:3003/importations-exportations.
La version de déploiement de l’application de visualisation des importations exportations est conçue pour être utilisée avec l'environnement hôte de la Régie 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/.
Paul Mortenson
Annette Hester (conception et coordination); Katherine Murphy (gestionnaire de projet)
Recherche conceptuelle sous la direction de Sheelagh Carpendale et Wesley Willett, iLab, Université de Calgary
Conception : Bon Adriel Aseniero, Peter Buk, Søren Knudsen, Doris Kosminsky, Claudia Maurer, Jagoda Walny Nix, and Mieka West.
Aspect technique : Spenser Jones, Charlie Cheung, Rahul Kamal Bhaskar, Patrick King, Andy LePage, and Ben Cousins
Nous sommes l’équipe de développement de VizworX qui a réalisé le projet pour le compte de la Régie. Nous ne sommes pas en mesure d’assurer un soutien complet du projet, mais vos questions et vos suggestions sont les bienvenues!
- Spenser Jones - spenser.jones@vizworx.com
- Charlie Cheung - charlie.cheung@vizworx.com
- Rahul Kamul Bhasksar - rahul.kamal.bhaskar@vizworx.com
- Ben Cousins - ben.cousins@vizworx.com
Toutes les composantes du projet sont visées par la licence du gouvernement ouvert - Canada.
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 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.