チャートカタログ on データの道具箱

JSON 形式で可視化仕様を書くことで、インタラクティブなグラフやチャートをリアルタイムにレンダリング

あるデータセット内の変数を総当たりで相関を探すために、変数を同じように行列に並べ、その交差する箇所にそれぞれの変数を用いた散布図を描くことで、より効率よく探索できます。

交差する2つの変数が同一のものの場合、相関を知る必要がないため、そこにはヒストグラムを示します。交差する2つの変数に順序はないため、同じ2つの変数の組み合わせが2箇所に存在することになります。そのため、同じものを表示するのではなく、1箇所に相関係数を示すことがあります。

コレログラム

Mon, 01 Jan 0001 00:00:00 +0000

このチャートを作ることができるのは…

散布図行列よりもさらに端的に相関関係が知りたい場合に使用します。変数を同じように行列に並べ、その交差する箇所にそれぞれの変数を用いた相関係数を主に色で示します。そのうえで、同一の変数同士や一度登場した組み合わせを省略します。

ワード・クラウド

Mon, 01 Jan 0001 00:00:00 +0000

このチャートを作ることができるのは…

Word Cloud

日本語に特化したWord Cloud

word-cloud.dataviz.jp

文書や段落、文章中に登場する単語を、その頻度をもとに文字サイズを決定し、チャート描画エリアの中心を原点に、その周囲へ単語そのものを配置します。ただし単語の元々の文字数が大きさに影響を与えることから正確な数値の読み取りには向いていません。

文字色には別の変数を割り当てられますが、世の中のワード・クラウドには意味なくランダムな着色がなされているものも多く、それは表現としては不適切(ノイズ)となります。適切な変数がなければ無理にカラフルにする必要はありません。

ワード・バブル

Mon, 01 Jan 0001 00:00:00 +0000

このチャートを作ることができるのは…

JSON 形式で可視化仕様を書くことで、インタラクティブなグラフやチャートをリアルタイムにレンダリング

Word Cloud

日本語に特化したWord Cloud

word-cloud.dataviz.jp

ワード・クラウドの点である「単語の元々の文字数が大きさに影響を与えることから正確な数値の読み取りには向いていない」点を解消した表現で、ワード・クラウドにおける単語の背景に円を配置し、その円の面積で数値を表現します。単語の文字サイズでは数値を表現しませんが、階級分類的にいくつかのサイズで描き分ける場合もあります。円同士は原点を中心にまんべんなく配置されることが多いです。

ベン図、オイラー図

Mon, 01 Jan 0001 00:00:00 +0000

複数の属性(複数の属性に同時に所属しうるという点で、カテゴリというよりはタグ)に含まれる文字のデータを可視化します。閉曲線(閉じた曲線で作られた閉じた図形)を使って集合理論的な関係を示す図として知られています。

ベン図は数学や論理学などで「集合のすべての交差を示さなければならない」場合に使用します。一般的に想定する組み合わせのみを示せばよいチャートはォイラー図とよびます。

一般的にはベン図の方がよび名としては普及していますが、実態としての利用頻度はオイラー図を用いることが多く、不一致があるのは注意しましょう。

幹葉図

Mon, 01 Jan 0001 00:00:00 +0000

基本的な構造として、データ値を2つの部分に分けて表示します。幹 (Stem)はデータの主要な部分を表し、通常は垂直に配置されます。葉 (Leaf)はデータの詳細な部分を表し、水平に配置されます。ヒストグラムのようですが、偏りを棒(面積)で示す代わりにデータ値を直接記述します。駅の時刻表がまさにこのチャートです。

タイポグラフィック・散布図

Mon, 01 Jan 0001 00:00:00 +0000

散布図のドット表示のところにデータ値を示す字体や単語を直接表示します。バリエーションとしてはバブル・チャート化(色や大きさへ別な変数を割り当てる)したものもあります。

リバー・ラベルつき折れ線グラフ

Mon, 01 Jan 0001 00:00:00 +0000

折れ線グラフの折れ線表示のところに線の内部や線の代わりにデータ値である文章を直接表示します。

リバー・ラベルつきパラレル・コーディネイト

Mon, 01 Jan 0001 00:00:00 +0000

パランル・コーデイネイトの折れ線表示のところに線の内部や線の代わりにデータ値である文章を直接表示します。

タイポグラフィック・グラフ

Mon, 01 Jan 0001 00:00:00 +0000

関係のある単語同士をリンクとして接続したネットワーク・グラフ図です。ノードとしては字体や単語を直接表示し、リンクは線で表現します。

タイポグラフィック・メッコ・チャート

Mon, 01 Jan 0001 00:00:00 +0000

通常のメッコ・チャートの矩形の内部に、該当するデータ値をテキストで直接表示します。

タイポグラフィック・積み重ね棒グラフ

Mon, 01 Jan 0001 00:00:00 +0000

通常の積み重ね棒グラフの矩形の内部に、該当するデータ値をテキストで直接表示します。

テキスト・スキミング

Mon, 01 Jan 0001 00:00:00 +0000

文章の段落を主役として、そこへ内部データを適用します。文章の可読性を上げるために、内在する特性を内部データとして加工し、視覚表現に用います。

スパーク・ワード

Mon, 01 Jan 0001 00:00:00 +0000

文章の段落を主役として、そこへ外部データを適用します。文章に関係あるデータをチャートなどで描画し、そこで用いられている色を文中の該当する単語や文章へ適用することによって、テキストと外部データの相互参照性を高めます。

折れ線グラフ

Mon, 01 Jan 0001 00:00:00 +0000

このチャートを作ることができるのは…

ー般によく用いられるチャートです。横軸で時間を示し、縦軸に時間以外の変数を割り当てます。データポイント同士を線で接続することで、線の傾きにより変化の大きさが視覚的にわかります。

面グラフ

Mon, 01 Jan 0001 00:00:00 +0000

このチャートを作ることができるのは…

JSON 形式で可視化仕様を書くことで、インタラクティブなグラフやチャートをリアルタイムにレンダリング

JSON 形式で可視化仕様を書くことで、インタラクティブなグラフやチャートをリアルタイムにレンダリング

折れ線グラフとほぼ同じ作りで、違いは線と軸で囲われた面を色で着色することです。複数のアイテムを1つのチャート内で表示しようとすると、重なりで適切に面が見えない状態になることがあるので注意が必要です。その場合は着色を半透明の色で行うか、データを集計し直してZ軸で重ならず積み重なるようにするか、代わりにストリームグラフを用いるとよいでしょう。

ストリームグラフ

Mon, 01 Jan 0001 00:00:00 +0000

このチャートを作ることができるのは…

JSON 形式で可視化仕様を書くことで、インタラクティブなグラフやチャートをリアルタイムにレンダリング

積み重なっている面グラフのようなものですが、明確な横軸を描かず、横軸にあたる箇所から上下の両方向を用いて、数量を面積として表示します。使用するツールによっては、読み込むデータファイル内での列の順番によって異なる形状のグラフが生成されることもあります。

連結散布図

Mon, 01 Jan 0001 00:00:00 +0000

このチャートを作ることができるのは…

JSON 形式で可視化仕様を書くことで、インタラクティブなグラフやチャートをリアルタイムにレンダリング

普通の散布図のように二軸に変数を割り当てます(図16‐7)。そして描画された点を時系列の順で接続します。両軸には日時スケールが使用されません。2つの変数間の時間差をループの形として効果的に表現できたり、形状の特徴的な部分にアノテーションをつけやすいという利点がありますが、新奇性と解読の難しさのトレードオフとなります。

分岐的棒グラフ

Mon, 01 Jan 0001 00:00:00 +0000

このチャートを作ることができるのは…

JSON 形式で可視化仕様を書くことで、インタラクティブなグラフやチャートをリアルタイムにレンダリング

分岐的データ(対立する二者や増加と減少をあつかったデータ)で時系列による変化を棒グラフで表しています。

分岐的積み重ね棒グラフ

Mon, 01 Jan 0001 00:00:00 +0000

このチャートを作ることができるのは…

JSON 形式で可視化仕様を書くことで、インタラクティブなグラフやチャートをリアルタイムにレンダリング

分岐的棒グラフと同様のチャートですが、複数の数値変数を同時にあつかうことができます。

ローソク足チャート

Mon, 01 Jan 0001 00:00:00 +0000

このチャートを作ることができるのは…

時系列の最小単位ごとに、最大値や最小値、開始値や終了値というデータを同時に示します。株式市場の値動きなど社会活動を対象に利用されるほか、気温などの自然現象にも用いられることがあります。

ガント・チャート

Mon, 01 Jan 0001 00:00:00 +0000

このチャートを作ることができるのは…

JSON 形式で可視化仕様を書くことで、インタラクティブなグラフやチャートをリアルタイムにレンダリング

JSON 形式で可視化仕様を書くことで、インタラクティブなグラフやチャートをリアルタイムにレンダリング

横軸に時間軸をとり、カテゴリごとの期間を示します。人やサービスの活躍した期間の比較や、1つのプロジェクトの時系列としての内訳を示す目的で利用します。

バンプ・チャート

Mon, 01 Jan 0001 00:00:00 +0000

このチャートを作ることができるのは…

JSON 形式で可視化仕様を書くことで、インタラクティブなグラフやチャートをリアルタイムにレンダリング

時間の経過に伴い、あるアイテムの順序がどう変化したかを示します。折れ線グラフをシンプル化し、順序の変化に特化したものといえます。数値のデータであっても、順序へ変換して利用します。

時間―距離図

Mon, 01 Jan 0001 00:00:00 +0000

鉄道の「ダイヤ」で用いられます。時系列と駅や地名などの移動距離の二軸を取り、車両などの移動する物体がいつ、どこにいるかを線で示します。

カレンダー・ヒートマップ

Mon, 01 Jan 0001 00:00:00 +0000

このチャートを作ることができるのは…

カレンダーのように並んだマスロに、主に色でデータ値を示します。カレンダーでは週や月といった周期的な日時に沿った形でデータ値を示せます。データにある周期性を予断なく発見するというよりは、社会的な慣習にあった形で分布や周期性などを確認するのに向いています。

サーキュラー・チャート

Mon, 01 Jan 0001 00:00:00 +0000

このチャートを作ることができるのは…

たいていアナログ時計でいう12時の位置から、円周に沿って時間の経過を表し、折れ線や面、棒で値を示します。時間の経過が一周で完結するように配置が割り当てられます。

ポーラー・エリア・チャート

Mon, 01 Jan 0001 00:00:00 +0000

角度が等しく、一定の時間経過を示し、原点からの距離で別のデータ変数の大きさを示します。フローレンス・ナイチングール(Florence Nightingale)の鶏冠チャートは、このチャートを時系列チャートとして用いているのですが、現代において時系列で用いることはあまりありません。

スパイラル・チャート

Mon, 01 Jan 0001 00:00:00 +0000

このチャートを作ることができるのは…

たいてい時計でいう12時の位置から円周に沿って時間の経過を表しますが、サーキュラー・チャートやポーラー・エリア・チャートのように一周で完結せず、スパイラル状にデータを表すことで周期性を浮かび上がらせます。ただし、スパイラル状に2周、3周と描くことで比較しづらくなる欠点があります。

ドット・マップ

Mon, 01 Jan 0001 00:00:00 +0000

このチャートを作ることができるのは…

JSON 形式で可視化仕様を書くことで、インタラクティブなグラフやチャートをリアルタイムにレンダリング

1ドット=1データとして、データをドット(丸)で示し分布を表します。ドットの大きさに変数を割り当てることはしません鰭りり当てたものはシンボル・マップとよぶ)。個別データと1対1対応しており、空間上の特定アイテムの検索が可能です。

ドット密度マップ

Mon, 01 Jan 0001 00:00:00 +0000

このチャートを作ることができるのは…

JSON 形式で可視化仕様を書くことで、インタラクティブなグラフやチャートをリアルタイムにレンダリング

ドット・マップとは異なり、1ドット=複数データポイントとしてデータをドット(丸)で密度の分布を示します (図17‐7)。ドットの大きさに変数を割り当てることはしません。個別データに注目するよりも、大規模なデータセットを対象に連続的な現象を把握したい場合に用います。

段階的シンボル・マップ

Mon, 01 Jan 0001 00:00:00 +0000

丸や四角、星、もしくはテーマに沿った図形を用いて、大きさや色にもそれぞれ変数を割り当てた地図をシンボル・マップとよび、そのうち階級区分したデータを用いたものです。

比例的シンボル・マップ

Mon, 01 Jan 0001 00:00:00 +0000

シンボル・マップのうち、階級区分しないデータを用いたものです。

3D棒グラフ・マップ

Mon, 01 Jan 0001 00:00:00 +0000

データの発生地点が連続的である際、グリッド状に並んで配置された、3Dの棒の面積(高さ)および色、方向(上向きか下向きか)でデータを表現します。

段階的フロー・マップ

Mon, 01 Jan 0001 00:00:00 +0000

地点間の流れや移動を表現する地図をフロー・マップとよび、そのうちデータを階級分類したものです。比例的フロー・マップと比べると、全体の大まかな傾向を素早く把握しやすいです。

比例的フロー・マップ

Mon, 01 Jan 0001 00:00:00 +0000

地点間の流れや移動を表現する地図をフロー・マップとよび、そのうちデータを階級分類しないものです。段階的フロー・マップと比べると、より正確に詳細な分析がしやすいです。

コロプレス・マップ

Mon, 01 Jan 0001 00:00:00 +0000

このチャートを作ることができるのは…

国境や県境などの行政区割りごとの図形に、着色することでデータ値を示します。地理的な列挙単位をそろえておきましょう。見慣れた地図が着色されることによる親しみやすさがありますが、行政区割りの面積の広狭により、データ値の大小の印象が阻害されるおそれがあります。データを階級分類するものとしないものがあります。

デシメトリック・マップ

Mon, 01 Jan 0001 00:00:00 +0000

このチャートを作ることができるのは…

コロプレス・マップとほぼ同等ですが、区割りを行政区割りではなく、たとえば山や湖など人が住めないエリアを厳密に区別するなどして、地形的な精度をさらに上げています。

連続的カルトグラム

Mon, 01 Jan 0001 00:00:00 +0000

このチャートを作ることができるのは…

データ値を面積に割り当てた地図をカルトグラムとよび、そのうち国境や県境などの行政区割りをそのままに、色だけでなく面積にもデータ値を割り当てたものです。境目がそのままのため、隣接する地域が歪んだ面積の影響を相互に与え、全体的に歪んだ図形となります。見慣れた地図が歪む面白さがあります。

非連続的カルトグラム

Mon, 01 Jan 0001 00:00:00 +0000

カルトグラムのうち、国境や県境で地形を離して表示したうえで面積にデータ値を適用します。そのため隣接する地域の歪みの影響を受けません。

擬似連続カルトグラム

Mon, 01 Jan 0001 00:00:00 +0000

都道府県などをすべて丸や正四角形、正六角形など同一の幾何図形で表現し、面積や着色でデータ値を表現します。地形ではなく幾何図形を用いるため、面積によるデータ値の比較が行いやすいという特徴があります。

グリッド・カルトグラム

Mon, 01 Jan 0001 00:00:00 +0000

都道府県や市区町村などをすべて丸や正四角形、正六角形など同一の図形を用いて個数で面積を表現し、着色でデータ値を表現します。

アイソライン・マップ

Mon, 01 Jan 0001 00:00:00 +0000

階級分類しないデータを用いて、等値線で領域を区切ります。データ自体を離散的なカテゴリに分けるのではなく、データの自然な変化パターンに基づいて等値線の配置を決定することを意味します。等値線の間隔は、データの変化の大きさに応じて調整されます。データの変化が急な場所では等値線が密集し、緩やかな場所では疎になります。

アイソプレス・マップ

Mon, 01 Jan 0001 00:00:00 +0000

階級分類したデータを用いて、等値線で区切られた領域を着色します。データ値は一定の階級に分類され、各階級に対応する色やテクスチャが割り当てられます。離散的なカテゴリに分けることで、特徴をよく明快に明らかにすることができます。俗称として「ヒート・マップ」とよばれることもありますが、正式名称ではありません。地図を用いない同名チャートと区別をつけるために、正式名称を使いましょう。

統計チャート・マップ

Mon, 01 Jan 0001 00:00:00 +0000

このチャートを作ることができるのは…

地図上にその地域にちなんだデータを反映させた統計チャートを描画します。円グラフの場合、その全体の面積に変数を割り当てることもあります。地図の配置に沿ったスモール・マルティプルズともいえます。

欠点は、たとえば南関東地方など都県が密集しているエリアでチャートを描画しきれず、別の場所へ移動させる(例 :東京都を東京湾上に設置する)とせっかくの効果が半減してしまうことです。

チャートを小さくすると配置できるかもしれませんが、視認性に欠けてしまい効果的でない場合、本マップではなく通常のスモール・マルティプルズでの表示も検討してください。

ベクトル・フィールド・マップ

Mon, 01 Jan 0001 00:00:00 +0000

このチャートを作ることができるのは…

JSON 形式で可視化仕様を書くことで、インタラクティブなグラフやチャートをリアルタイムにレンダリング

連続的に存在するデータが、たとえば風向きなど方向とエネルギーを示す場合、各地点から起点に線を描くことで連続的データを描画します。気象データのサービスにおいて、気流や海流の表現として用いられることもあります。

3Dコロプレス・マップ

Mon, 01 Jan 0001 00:00:00 +0000

コロプレス・マップに高さを追加して3D化した地図です。2Dコロプレスでの色に加えて高さにデータ変数を割り当てることができ、統合ディメンションとして色と高さに同一のデータ変数を割り当てたり、分離ディメンションとして色と高さに別々のデータ変数を割り当てることもできます。

垂直樹、水平樹

Mon, 01 Jan 0001 00:00:00 +0000

コネクション型で、ある一方向へ親・子・孫にあたるデータを配置します。縦に並べる場合は垂直樹とよび、横に並べる場合は水平樹とよびます。なお、コネクション型で多方向ヘデータを配置するものを多方向樹とよびます。

放射樹

Mon, 01 Jan 0001 00:00:00 +0000

コネクション型で、極座標系の配置で中心に親、その外周に子、さらにその外周へ孫にあたるデータを配置します。

つららチャート

Mon, 01 Jan 0001 00:00:00 +0000

面型で、ある一方向へ親。子・孫にあたるデータを配置します。データ値自体はそれぞれの階層における相対的な割合を長さ(面積)で示します。

サンバースト

Mon, 01 Jan 0001 00:00:00 +0000

このチャートを作ることができるのは…

面型で、極座標系の配置で中心に親、その外周に子、さらにその外周へ孫にあたるデータを配置します。データ値自体はそれぞれの階層における相対的な割合を角度で示します。その見た目が爆発する太陽のようであることから「サンバースト」とよばれます。

ツリーマップ

Mon, 01 Jan 0001 00:00:00 +0000

このチャートを作ることができるのは…

面型・入れ子のチャートで、一つひとつのデータを四角で表現します。株式市場における時価と株価の増減を示すチャートが有名です。

サークル・パッキング

Mon, 01 Jan 0001 00:00:00 +0000

このチャートを作ることができるのは…

面型・入れ子のチャートで、一つひとつのデータを丸で表現します。

フォース・ダイレクテッド・ダイアグラム

Mon, 01 Jan 0001 00:00:00 +0000

このチャートを作ることができるのは…

gephi-lite.dataviz.jp

ノードに対して磁石とゴムをシミュレーションして、ノードを年間隔に離れて配置します。実行するたびに絶対配置が変更されることが多いので、複数のデータセットの比較には向いていません。

アーク・ダイアグラム

Mon, 01 Jan 0001 00:00:00 +0000

このチャートを作ることができるのは…

ノードを一列に並ベリンクを円弧状の線で示します。リンクの表現として線の太さや色で変数を表します。

バイオ・ファプリック

Mon, 01 Jan 0001 00:00:00 +0000

ノードを点ではなく水平線で示します。そのうえで、リンクについて垂直線で示します。こうすることで、コネクション型の顕著な欠点である、リンク数が膨大である際のリンクの線の視認性が著しく落ちてしまうことを解決します。

サーキュラー・レイアウト

Mon, 01 Jan 0001 00:00:00 +0000

このチャートを作ることができるのは…

gephi-lite.dataviz.jp

存在するノードを均一に、円一周分に割り当てて配置します。そのうえでその円の内側でリンクを示します。

コード・ダイアグラム

Mon, 01 Jan 0001 00:00:00 +0000

このチャートを作ることができるのは…

存在するノードを円一周分に割り当てて配置するのはサーキュラー・レイアウトと似ていますが、ノードの孤の角度にデータ値を割り当てます。そのうえで、その円の内側でリンクを示します。

ジオグラフィ・ベースド・コネクション

Mon, 01 Jan 0001 00:00:00 +0000

地図上にノードを示し、それらの関係性を線でつないで表現します。スペース変換に地理座標系を用います。

沖積図

Mon, 01 Jan 0001 00:00:00 +0000

このチャートを作ることができるのは…