福野泰介の一日一創

グラフを描画するプログラムづくりは、デザインとプログラミング、両方の技術が学べて楽しいですが、なにかいいオープンソースがあれば使わせてもらうのもよい手段。発見した「Plotly」がいい感じだったので、福井県観光アンケートオープンデータの解析アプリに組み込みました。

「Plotly javascript graphing library in JavaScript」
円グラフ「Pie charts in JavaScript」がありました。要素もいい感じに収めてくれていい感じです。

macOS付属の便利なカラーピッカーアプリ「Digital Color Meter」を、Issueでもらったデザイン案から使って色コードを抽出。「メニュー、表示、値を表示、16進」と切り替えておき、Shift+Command+C で、CSSで使える形式でコピーできます（連続コピーできたらもっとうれしい）。
（参考、Macでカラーピッカーが欲しいならデフォルトアプリで十分だった件 - Qiita）

以前作った拡張タグ chart-pie を、ベースに、Plotly版を作ります。
「code4fukui/chart-pie-plotly」
使い方（インターフェイス）を合わせておけば、import先を切り替えるだけで変更できて便利！

「福井県観光アンケート（福井県観光連盟）」
なかなか見やすくなりました！

円グラフ位置を揃えたいところですが、plotly/plotly.js のソースのビルドがうまくいかず、手強そう。円グラフの決定版づくり、チャレンジしてみませんか？