{"id":20486275,"url":"https://github.com/undp-data/energy-hub-dashboard","last_synced_at":"2026-04-20T06:34:03.012Z","repository":{"id":37588964,"uuid":"491644465","full_name":"UNDP-Data/Energy-Hub-Dashboard","owner":"UNDP-Data","description":null,"archived":false,"fork":false,"pushed_at":"2023-10-10T18:05:35.000Z","size":3932,"stargazers_count":0,"open_issues_count":3,"forks_count":3,"subscribers_count":2,"default_branch":"versionWithCountryIndicators","last_synced_at":"2025-03-05T16:40:40.477Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/UNDP-Data.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-05-12T19:34:42.000Z","updated_at":"2025-02-20T02:44:27.000Z","dependencies_parsed_at":"2023-10-10T21:55:15.978Z","dependency_job_id":null,"html_url":"https://github.com/UNDP-Data/Energy-Hub-Dashboard","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/UNDP-Data/Energy-Hub-Dashboard","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/UNDP-Data%2FEnergy-Hub-Dashboard","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/UNDP-Data%2FEnergy-Hub-Dashboard/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/UNDP-Data%2FEnergy-Hub-Dashboard/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/UNDP-Data%2FEnergy-Hub-Dashboard/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/UNDP-Data","download_url":"https://codeload.github.com/UNDP-Data/Energy-Hub-Dashboard/tar.gz/refs/heads/versionWithCountryIndicators","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/UNDP-Data%2FEnergy-Hub-Dashboard/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32036503,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-20T00:18:06.643Z","status":"online","status_checked_at":"2026-04-20T02:00:06.527Z","response_time":94,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-15T16:35:54.802Z","updated_at":"2026-04-20T06:34:02.996Z","avatar_url":"https://github.com/UNDP-Data.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Energy Hub Dashboard - with country profiles (work in progress!)\n\nVisualization of UNDP energy related projects. \n\n## Features\n* Load and display data for around xxx different projects.\n* Interactively filter according to categories and regions.\n* Display different statistics\n* Display data on a map\n* It includes country profiles with a dashboard showing different indicators\n\n__Link for the visualization__\n[https://energy-hub-country-profiles.netlify.app/](https://energy-hub-country-profiles.netlify.app/)\n\n__Pages Where the Visualization is Used__\nThe visualization is in development at this moment and it's therefore not being used\n\n__Link for stylesheets__\n* https://undp-data.github.io/stylesheets-for-viz/style/mainStyleSheet.css\n\n## Build with\n* __React__: Used as MVC framework.\n* __CRACO__: Used to configure different scripts (See Available Scripts for more details)\n* __styled-components__: Utilizes tagged template literals and the power of CSS, allows to write actual CSS code to style the components in JS/TS.\n* __Various D3 Libraries__: Used for visualizations, adding interaction and reading the csv data file.\n* __AntD__: For UI elements like dropdown, buttons, checkbox, and slider.\n* __lodash__: Used for manipulating and iterating arrays and objects.\n\n## Installation\n\nThis project uses `npm`. For installation you will need to install `node` and `npm`, if you don't already have it. `node` and `npm` can be installed from [here](https://nodejs.org/en/download/).\n\nTo install the project, sinply clone the the repo and them run `npm install` in the project folder. You can use terminal on Mac and Command Prompt on Windows.\n\nRun the terminal or command prompt and then run the following\n\n```\ngit clone https://github.com/UNDP-Data/Energy-Hub-Dashboard/\ncd Energy-Hub-Dashboard\nnpm install\n```\n\n### Local Development\n\nTo start the project locally, you can run `npm run start` in the project folder in terminal or command prompt.\n\nThis will run the app in development mode. Open [http://localhost:3000](http://localhost:3000) to view it in the browser.\n\nThe page will reload if you make edits. You will also see any lint errors in the console.\n\n## Tooling Setup\n\nThis project uses ESLint integrated with prettier, which verifies and formats your code so you don't have to do it manually. You should have your editor set up to display lint errors and automatically fix those which it is possible to fix. See [http://eslint.org/docs/user-guide/integrations](http://eslint.org/docs/user-guide/integrations).\n\nThis project is build in Visual Studio Code, therefore the project is already set up to work with. Install it from [here](https://code.visualstudio.com/) and then install this [eslint plugin](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) and you should be good to go.\n\n## Available Scripts\n\nCraco is used to add a cofiguration layer for CRA. The primary function is to stop the `build` to have optimized chunks of the built script. _This make the using the script in the Wordpress easier._ The configuration file for Craco is placed in the root folder and called `craco.config.js`\n* `npm run build`: Executes `craco build` and builds the app without chunking the main js script file.\n* `npm run start`: Executes `craco start` and start the local server for local deployment.\n* `npm install`: Installs all the dependencies.\n\n## Tooling Setup\nThis project uses ESLint integrated with prettier, which verifies and formats your code so you don't have to do it manually. You should have your editor set up to display lint errors and automatically fix those which it is possible to fix. See [http://eslint.org/docs/user-guide/integrations](http://eslint.org/docs/user-guide/integrations).\n\nThis project is build in Visual Studio Code, therefore the project is already set up to work with. Install it from [here](https://code.visualstudio.com/) and then install this [eslint plugin](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) and you should be good to go.\n\n## Author\n\nLatest updates by [**Roxana Torre**](mailto:roxana.torre@undp.org)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fundp-data%2Fenergy-hub-dashboard","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fundp-data%2Fenergy-hub-dashboard","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fundp-data%2Fenergy-hub-dashboard/lists"}