データ可視化ツールとは「データを見える化するツール」

データ可視化ツールとは、数値データを視覚化（見える化）するためのツールのことをいいます。

「データを視覚化する」方法としては、例えばグラフがあります。グラフ化することで数値の大小や変化を見た目で把握できるようになりますよね。

このように、データを見える化するために特化したツールが「データ可視化ツール」と呼ばれるものです。

なぜデータ可視化ツールが注目されているの？

近年ではデータ可視化ツールが注目を浴びています。なぜでしょうか。

最近では当たり前すぎて、あまり耳にしなくなってしまいましたが、「ビックデータ」という言葉があります。今やデータベースには膨大なデータが蓄積されていますが、蓄積されたデータをどのように活用するかが重要です。

ここで能力を発揮するのが、データ可視化ツールです。データ可視化ツールでは、グラフはもちろんのこと、実にさまざまな形式でデータをビジュアライズすることができます。さらに一つのデータベースだけではなく、複数の異なるデータベースを組み合わせて分析することもできます。

データ可視化ツールを導入し、分かりやすく目に見える形にすることにより、蓄積されている膨大なデータから今まで気づけなかった特徴を掘り出す（これをデータマイニングという）ことができるようになります。これがデータ可視化ツールが注目されている大きな理由です。

誰でも操作できるのも特徴

データ可視化ツールは、高い操作性も特徴の一つです。素人でも扱うことができ、Excelなどの事務処理ソフトとは比べ物にならないほど、詳細かつかんたんにパラメータを指定することができます。

かつて、データ解析では専門家の力を借りて行うことが大半でした。しかし、今ではデータ可視化ツールやAI分析サービスの普及により、専門知識に乏しくても、誰でもデータマイニングできるような時代になっています。

データ可視化ツールが使われている分野

データ可視化ツールは、今や広い分野で活用されています。

研究開発の分野のみならず、最近ではマーケティングにおいても活用されることが多くなっています。過去に蓄積してきたデータを十二分に活用することで、ビジネスに活かす流れがより加速しています。そうした流れの中でデータ可視化ツールはなくてはならない存在となっています。

GrafanaはデータをUTCとして解釈する

Grafanaはデータベースに格納されている日時型をUTCとして解釈します。

UTC以外で格納されたデータソースでは表示がずれる

このため、生データがUTC以外（例えば日本標準時など）で格納されていると、Grafanaで可視化したときにズレが生じます。

例えば、日本標準時（UTC+09:00）で12時のデータをGrafanaで表示すると、12+9＝21時として表示されてしまいます。UTCで格納されているものとして扱われるので、データを表示する際に日本標準時に変換してしまうのです。

UTC以外で格納されたデータを正しく表示するには？

GrafanaでUTC以外で格納されたデータソースを表示したいときは、データソースの設定にある[session timezone]を設定すると、ズレが生じないように補正してくれます。

データソースごとに異なるタイムゾーンを設定することができるため、接続したいデータベースによってタイムゾーンが異なっていても対応できます。

詳しい対応方法はこちらの記事にまとめていますので、ご参照ください。

UTC以外のタイムゾーンのデータベースに接続するには？

UTC以外で格納されているデータをGrafanaで表示すると、時間がズレてしまうときの対処法を紹介します。Grafanaでは、基本的にデータベースに含まれる時刻をUTCとして解釈します。このため、例えば日本標準時（JST）で時刻が格納されているデータベースをGrafanaで扱おうとすると、データの時刻がズレて表示されてしまいます。こういったときの対処法を示します。

takabus.com

2022.08.19

なぜ時刻がずれるのか？

Grafanaでは、基本的にデータベースに含まれる時刻をUTCとして解釈します。

このため、例えば日本標準時（JST）で時刻が格納されているデータベースをGrafanaで扱おうとすると、データの時刻がズレて表示されてしまいます。

こういったときの対処法を示します。

データソースのタイムゾーンを指定する

GrafanaのトップページからConfiguration＞Data sourcesへ移動します。

設定したいデータソースを開きます。

[Session timezone]でデータベースのタイムゾーンを指定します。

例えば、データベースに日本標準時（UTC+09:00）で時刻が格納されているなら、+09:00と入力します。

これでズレることはなくなります。

• Windows10 （Ver.20H2）
• Grafana 9.1.0 Enterprise
• MySQL（10.4.18-MariaDB、XAMPPで動作）

サンプルデータ

当サイトで使用しているサンプルデータは以下の通りです。

サンプル#1 日経平均株価

日経平均株価の月次データを使用しています。

ダウンロードページ：ダウンロードセンター － 日経平均プロフィル

ファイルURL：https://indexes.nikkei.co.jp/nkave/historical/nikkei_stock_average_monthly_jp.csv

データ内容（CSVカラムの並び）：日付,終値,始値,高値,安値

• 2000年1月1日から2022年8月1日まで、各月1日の日経平均株価を格納しています

サンプル#2 環境データ（気温・湿度・気圧）

オリジナルの環境データです。

件数：39,169

カラム：データID,センサーID,気温（℃）,湿度（％）,測定日時

• データID：レコードごとのID（通し番号）
• センサーID：センサーごとのID（※2つのセンサーで取得したデータが格納されています）
• 測定日時：センサーからデータを取得した日本標準時刻（UTC+9）

表示期間を設定するには？

ダッシュボードの表示期間を設定する方法については、次の記事で紹介しています。

ダッシュボードの表示期間を変更するには？

ダッシュボードに表示させたいデータの期間を変更する方法を紹介します。

takabus.com

2022.08.19

デフォルトの表示期間を設定するには？

Grafanaでは、ダッシュボードごとにデフォルトの表示期間を設定することができます。

1.まず、デフォルトに設定したい表示期間を指定します。（詳しい手順はこちら）

2.[Save dashboard]ボタンをクリックします。

3.表示されたメニューから[Save current time range as dashboard default]にチェックを入れます。

4.[Save]をクリックして保存します。

こうすることで、デフォルトの表示期間を設定することができます。次回、設定したダッシュボードを開いたときには、デフォルトに設定された表示期間でデータが表示されるようになります。

表示期間を変更するには？

ダッシュボードに表示させる期間を変更するには、ダッシュボード右上の時計マークをクリックし、表示されたメニューから期間を指定します。

メニュー右側のセクションからは、相対的な期間を指定できます。たとえば、1週間前のデータ、直近○年間のデータなどと指定することができます。

メニュー左のセクションからは、日時を指定して期間を指定することが可能です。

ダッシュボードとは？

ダッシュボードとは、さまざまな情報をひとつのページに集約し表示することができる機能です。

Grafanaのダッシュボートを理解しよう

Grafanaの目玉機能であるダッシュボード（Dashboard）について紹介します。

takabus.com

2022.08.18

前回はExplore（エクスプロール）という機能を使って、かんたんにデータをグラフ化してみました。しかし、Grafana本来の性能を発揮するには、より高度なデータ可視化機能を提供してくれるダッシュボードを活用する必要があります。

ダッシュボードへの理解を深めるには、実際に作ってみるのが一番。さっそくダッシュボードを作成してみましょう。

ダッシュボードを作成する

まずはGrafanaのサイドバーから[Dashboard]をクリックします。

Dashboardページでは、作成したダッシュボードを一括管理することができます。フォルダ分けしたりすることもできますので、数が増えてしまっても分かりやすく管理することができます。

New＞Dashboardをクリックし、新しいダッシュボードを作成しましょう。

すると、このような空のダッシュボードが表示されます。

パネルを配置する

ダッシュボードでは、パネル（Panel）という単位でグラフやテーブル（表）を管理していきます。ダッシュボードの上に複数のパネルを貼り付けていくイメージです。

まずダッシュボード右上の[Add Panel]ボタンをクリックします。

するとパネルが追加されます。

パネルの位置やサイズは自由に変えることができます。

[Add a new panel]をクリックすると、パネルの編集ページに遷移します。

選択したパネルに表示する内容をここで設定していきます。

まずはクエリを指定しましょう。

現在は横軸にTime、縦軸にidが表示されているので、右上がりの直線が表示されています。クエリを変更し、高値と安値の値を表示させてみます。なお、サンプルとして使っているデータソースとクエリの設定方法は「Exploreでデータを見てみよう」の時と同じです。

グラフが出来上がりました。

一度、ページ右上のApplyをクリックし、ダッシュボードに戻ります。

すると、ダッシュボードに追加したパネルに、先ほど作成したグラフが表示されていることがわかります。

この手順を繰り返すことで、ダッシュボードを作成していくことになります。

ダッシュボードを保存する

最後に作成したダッシュボードを保存しましょう。ページ右上のSaveをクリックします。

保存する前に変更箇所の確認とコメントの入力ができます。

コメントは、他のユーザーとダッシュボードを共有している場合、誰が何のために編集したのかをメモしておくのに使います。Gitのコミットメッセージと同じイメージです。

今回は空のまま保存することにします。”Dashboard saved”とトーストが表示されれば、正常に保存されています。

保存したダッシュボードを参照する

保存したダッシュボードはDashboards＞Browseから確認することができます。

作成したダッシュボードが一覧表示されます。

表示したいダッシュボードをクリックすると、作成したダッシュボードが表示されます。

ダッシュボードのパネルを編集する方法についてはこちらをご覧ください。

ダッシュボードのパネルを編集しよう

ダッシュボードのパネルを編集する手順を紹介します。

takabus.com

2022.08.18

軸ラベルを表示するには？

軸に関する設定はパネル編集ページのAxis（軸）から行っていきます。

軸ラベルを表示するには、Axis＞Labelに表示させたい文字列を入力します。

ここではLabelに”価格”と入力してみました。グラフの軸にも”価格”というラベルが表示されていることが確認できます。

軸の位置を変えるには？

Axis＞Placementから軸の位置を変えることもできます。

罫線を表示・非表示にするには？

罫線の表示・非表示を切り替えるには、Axis＞Show grid linesを変更します。

なお、軸が非表示にされている場合は、設定にかかわらず、罫線は表示されません。

ダッシュボードのパネルを編集する方法についてはこちらをご覧ください。

ダッシュボードのパネルを編集しよう

ダッシュボードのパネルを編集する手順を紹介します。

takabus.com

2022.08.18

凡例を表示・非表示にするには？

パネルの凡例は、パネル編集ページにあるLegendから設定できます。

VisibilityをON・OFFにすることにより、凡例の表示・非表示にすることができます。

凡例を表形式にするには？

ModeをTableにすると、表形式で凡例を表示することができます。

凡例の位置を変えるには？

Placementを変更すると、凡例の位置を変えることもできます。

ダッシュボードのパネルを編集する方法についてはこちらをご覧ください。

ダッシュボードのパネルを編集しよう

ダッシュボードのパネルを編集する手順を紹介します。

takabus.com

2022.08.18

パネル編集ページから、パネルに表示させる単位を指定することができます。

Standard Options＞Unitを選択します。

表示されたリストから表示させたい単位を選択します。

直接入力してもOKです。ほぼすべての単位系に対応しているため、直接入力して検索したほうが早いかもしれません。

Custom unitを選択すると、任意の文字列を単位として表示させることもできます。