Skip to content

BEROCHLU/power-demand-chart

Repository files navigation

Power Demand Chart

page1
page2


Deployment URL

http://aws-s3-tokyo.s3-website-ap-northeast-1.amazonaws.com/

Description

This project is a chart that displays the power supply and demand situation in Japan over time. It provides diverse visualizations such as energy breakdowns of supply and demand, heatmaps, and stacked graphs.

Data Source

The data is public and provided by the OCCTO (Organization for Cross-regional Coordination of Transmission Operators, Japan) under the Agency for Natural Resources and Energy, Ministry of Economy, Trade and Industry.

Server

Static site hosting: AWS S3

Build Environment

  • Webpack
  • Babel (ES6 → ES5 transpilation)

Continuous Integration / Delivery

  • GitHub Actions

Tech Stack / Libraries

  • ECharts: High-performance charting library
  • jQuery: DOM manipulation, event management
  • Lodash: Data manipulation utilities
  • Day.js: Lightweight date handling library
  • Crossfilter: High-speed data filtering
  • Math.js: Mathematics functions library

Usage

  1. Select any period and energy type, then click the "Change" button.
  2. You can switch charts and analyze data while referring to annotations and legends.

Development Environment Setup

# Install dependencies
npm install

# Build (production mode)
npm run build

# Development mode (watch)
npm run build-w

Data Creation

Run the following command to create data:

npm run create-data

License

MIT License

About

Time series chart for power supply and demand in Japan

Topics

Resources

License

Stars

Watchers

Forks