floriandierickx / unfccc-crf-angular

Creating interactive graphs with national UNFCCC CRF emission data using Angular and visualisation libraries (Highcharts)

UNFCCC CRF National Emission Inventory Sunbursts using Angular & Highcharts

Purpose of this repository: creating (preferably interactive) sunburst/timeline graphs with national territorial UNFCCC CRF emission data (+energy production/use, consumption-based emission data, ...), using Angular and (at the moment) the Highcharts visualisation library.

• Application development url: https://codesandbox.io/s/github/floriandierickx/unfccc-crf-angular

Contribution guidelines:

1. Check the GitHub Issues for ideas or add new feature ideas
2. Contribution:
   • Create an account on CodeSandbox using your GitHub account
   • Create a Sandbox
     • 
   • Import this project from GitHub using url https://github.com/floriandierickx/unfccc-crf-angular
     • 
   • Log in to your GitHub account and link sandbox
     • 
   • Make edits
   • Commit changes to a new branch (pull request)
     • 

To do:

• Add data wrangling info (preferably code) : #5
• Use all-country (if possible) all-years EEA dataset and create country- and year-filter feature #2
• Add line graph with historical emissions per main category and subcategories #3
• Add energy production and energy use sunbursts #4
• Add consumption-based emissions for comparison #7

Data sources

Used:

• Hierarchical UNFCCC CRF data provided by EEA: https://www.eea.europa.eu/data-and-maps/data/national-emissions-reported-to-the-unfccc-and-to-the-eu-greenhouse-gas-monitoring-mechanism-16
• UNFCCC CRF category defitions from Johannes Gütschow: https://twitter.com/JoGuetschow/status/1330854682743484419?s=20
• Belgian National Inventory Report category information (addition to graph = work in progress): http://cdr.eionet.europa.eu/be/eu/mmr/art07_inventory/ghg_inventory/envxpvoyw/

Interesting data sources for new features:

• More fine-grained breakdown of UNFCCC CRF emissions: @mikapfl and @openclimatedata (and a tiny little bit @floriandierickx :)) read_di_unfccc data from UNFCCC API
• IEA energy production and use data for energy sunbursts
• (feel free to add here..)

Installation and workflow documentation

1. Platform

• Angular highcharts project on CodeSandBox: https://codesandbox.io/s/unfccc-crf-angular-n1vop

2. Documentation

• Angular (Material) documentation: https://angular.io/docs
• Highcharts integration in Angular: https://github.com/highcharts/highcharts-angular

Idea/inspiration

• ghg_country_selector from @martindaniel4
• @HannahRitchie and @OurWorldInData-User from @owid : https://ourworldindata.org/ghg-emissions-by-sector

unfccc-crf-angular's Issues

7: add consumption-based emissions viz (transparent, ...) to compare with territorial based emissions

Suggested by @metabolism-of-cities Twitter: @CityMetabolism: https://twitter.com/CityMetabolism/status/1330849134883065860?s=20

5: make sunburst fill available space (height/width)

1: use all country inventories and create country-selector functionality to display sunburst for the year 2018

2: use the entire EEA hierarchical dataset and add year-selection feature (in addition to country selection)

First thought: create Google Sheet with all data, do data wrangling there, and import in the application using ng-google-sheets-db (stackexchange thread) of @FranzDiebold.

Problem: Google Sheets does not allow more than 1 million cells, and the full dataset of all countries/all years (for GHG combined in CO2eq, not all gasses) is too large to import in Sheets.

Somebody an idea how to solve this?

0: integrate 'data wrangling' based on EEA csv file / ..., explain changes in original dataset (preferably with code)

4: add energy production and energy use sunbursts (in addition to emission sunbursts), for example using data from IEA

3: add line graph with historical emissions for each country per category