create every day - 福野泰介の一日一創

親しみやすく表示する鯖江市論手川水位メーターアプリ with D3.js

2017/10/26 23:55:00
#js #d3 #opendata 

河川の状況、D3.jsを使って親しみやすく、かわいいゲージを見つけたので、改良してみました。

鯖江市 論手川 水位メーター D3.js version

台風時には気になる河川の水位、鯖江市の川、論手川に設置されたリアルタイム5つ星オープンデータ化された水位計でも大幅な上昇が記録されています。

(鯖江市論手川の水位の推移 2017.10.22 / 2017.10.23

sakura.ioなどIoTを使った身近な安心につながるオープンデータ、どんどん増やしていけるといいですね!

links
- 5つ星リアルタイムオープンデータ SPARQLを使った鯖江市論手川排水機場の水位表示アプリ
- 5分でできるオリジナル鯖江論手川排水機場水位表示iPhoneアプリ / Swift2入門

D3.js で作った「やらわか時計」D3再入門

2017/10/24 23:55:00
#js #d3 

SVGを使った美しい描画を簡単につくれる D3.js
再入門しようと、2012年作品「やわらか時計」から復習開始!


softtime / やわらか時計」 フルスクリーン対応


Macでフルスクリーン表示した図
プロジェクターで映したり、iPadで表示して飾っておくなどもいいかもしれません

D3.jsを使ったオープンデータビジュアライズをいろいろ試していきます!

links
- Gallery · d3/d3 Wiki
- D3 入門 | スコット・マレイ | alignedleft

Tweet
クリエイティブ・コモンズ・ライセンス
この作品は「Creative Commons — CC BY 4.0」の下に提供されています。
CC BY 福野泰介 - Taisuke Fukuno / @taisukef / high-res profile image