HTML5+Ajaxによる電力メーター

Yahoo!電力使用状況APIから各電力会社の電力使用量を取得し、電力使用率をHTML5の<Canvas>にアナログ風メーターとして描画するサンプルです。

電力会社 北海道電力 東北電力 東京電力 中部電力 関西電力 九州電力
メーター描画サイズ 小大


電力使用状況API レスポンス結果

Yahoo! API Result Area



※HTML5対応ブラウザで表示してください。