hirax.net::Keywords::「グラフ」のブログ



2011-05-16[n年前へ]

エクセルでコンター図を作るなら「条件付き書式」を使うべし!? 

 わかりやすく綺麗なグラフを作ろうと思うと、エクセルのグラフ配色には誰しも悩まされます。だからこそ、Excel 2010のチャートを綺麗な色で仕上げるためのアプリケーションを作ってみたり、エクセル2003のグラフをわかりやすくするためのアプリケーションを組んでみたりするわけです。

 エクセルで「2次元のコンター図(密度図)」を描こうとするならば、グラフを使って配色指定に苦労するよりも、セル自体を「条件付き書式」で色づかせる方が楽であるように思います。「条件付き書式」というのは、セルの値に応じてセル配色(など)を変化させる機能です。それはたとえば、「最小値はこんな色、真ん中辺りの値はこんな色、そして最大値はこんな色」というようにして配色などを指定できる機能です。

 下の図は Excel Mac2011で非定常2次元熱伝導計算をするセルを「条件付き書式」で色づけたもの(左側)とそのセルをコンター図にしてみたもの(右側)です。どちらがわかりやすいか…は言うまでもないでしょう。

 こういった(左上図のような)セル配色による疑似グラフは、「条件付き書式」を使えば一瞬で作ることができます。こうしたグラフでは、横軸・縦軸はキャプション無しでも理解できるのが普通だったりしますから、グラフの横軸・縦軸描画機能は不要だったりすることも多いように思います。

 二次元的に配置されたセルを直感的に操作できるのがVisiCalcで始まるスプレッドシートの特徴であるならば、こうした機能こそが未来のスプレッドシートを形作っていくような気がします。

エクセルでコンター図を作るなら「条件付き書式」を使うべし!?






2012-09-16[n年前へ]

「錯覚立体円グラフに(さらに)データ配置マジック」が混ぜられた「Appleが見せたiPadシェア」 

 Appleが9月12日に示した「タブレット市場におけるiPadのシェア推移」のグラフ(参考:CHART OF THE DAY: Tim Cook Used These Charts To Make Fun Of Amazon And Google's Tablet Sales)が何だか少し奇妙です(右図)。何がどのように奇妙かというと、円グラフに描かれている「データ系列」が12時の位置からではない、ということが奇妙なのです。

 円グラフを立体的に描き・その立体円グラフを手前から眺めさせることで(遠近感を利用して)、手前にあるデータ系列を大きく(多く)見せる「誇張円グラフ」はよく見かけます。そういった円グラフは(好ましいものではないかもしれませんが)過半数を遙かに超えるものを示す時など、少なからず使われます。しかし、こうした「データ系列」が12時の位置からではなく、1時くらいの位置から始まっている(いるように見せる)グラフは珍しいように思います。

 ためしに、Appleが使ったスライドの「円グラフ」に真円 と格子線を重ね描いてみたのが下の図です。そうしてみると、この円グラフは、(近くに描かれた)「iPadのシェアを大きく見せる一方で、(遠くに描かれた)「その他」のシェアを小さく見せていることが実感できると思います。さらに、それだけでなく、「データ系列が12時の位置からではなく、1時くらいの位置から始まっている」ことが、「その他」を視点から遠い位置(小さく描かれる領域)へと持って行き、遠近感による(データ比率の)錯覚でiPadのシェアを大きく(2011年から2012年にかけて「その他」が大きく減少しているように)見せることに寄与している、ということがわかります。「自分の視点に近いものを大きく見せ、自分とは遠いものを小さく見せる、という錯覚立体円グラフを最大限に"活用"しているグラフです。

 このような「データ配置マジック」を混ぜたプレゼンテーション・グラフは、何というか、”少し新鮮”だったので、「錯覚立体円グラフ」と「データ配置マジック」の効果がわかりやすいよう「図示・可視化」してみました。

「立体円グラフに(さらに)データ配置マジック」が混ぜてある「Appleが使ったiPadシェアグラフ」「立体円グラフに(さらに)データ配置マジック」が混ぜてある「Appleが使ったiPadシェアグラフ」






2012-10-05[n年前へ]

「堅苦しいグラフ」も「オモシロ楽しく」変身させてみる!? 

 Mathematicaを使って、真面目なグラフや図を「手書き・落書きマンガ風」にしてしまおう!というAutomating xkcd Diagrams: Transforming Serious to Funny(WOLFRAM BLOG)が面白い。堅苦しいグラフ(や図)で使われている文字を手書き風フォントに変え、線を柔らかく変形させ、その他の図形も全て微妙に変形させることで、ありとあらゆる(もとは)堅苦しい図形を「オモシロ楽しく」変身させています。

 たとえば、サイン関数を書いた無味乾燥なグラフだって(左下)、手書き風のスタイルを適用させるだけで…あらビックリ!の易しく心地良さそうなグラフに大変身するのです(右下)。

 このグラフは下のコードで描かれたもので、普通のやり方で描かれたグラフを(こんな用途のために作った)xkcdConvert関数で手書き風にしたものです。

Plot[Sin[x], {x, -10, 10}, AxesLabel -> {"x", "Sin[x]"}]
// xkcdConvert (* 手書き風の場合 *)

 無味乾燥に見えがちなグラフが読まなければならない時は、それらのグラフに「手書き風」スタイルを適用してみるのも良さそうです。スタイルが変わるだけで、難しい技術書なども人懐っこく・わかりやすく見えてきます。

 どんなページも「手書き風に変えてしまう」というブラウザ用Proxyというものが以前あったような気がします。あるいは、現実世界をマンガ風にしてしまうカメラ(画像処理)ソフトなどもよく見かけます。グラフを手書き風にするだけで「堅苦しさ」がいきなり消え失せたように、少し見方を変えるだけで、「丸っきりの別印象」になったりするかもしれません。

 世界にあるもの・見たものを「もしも○×風だったとしたら?」と想像してみると凄く面白く楽しいんじゃないか、とグラフを見つつ考えます。


参考:他言語での作成・実装例
R での作成例
R での作成ディスカッション
 ただし、これらの例では、字体を変えるだけだったり、データ自体にジッター=揺れを与えていたりするので、もう一ひねり深い実装が欲しいと思ってしまうかもしれないですね。

「堅苦しいグラフ」も「オモシロ楽しく」変身させてみる!?「堅苦しいグラフ」も「オモシロ楽しく」変身させてみる!?「堅苦しいグラフ」も「オモシロ楽しく」変身させてみる!?「堅苦しいグラフ」も「オモシロ楽しく」変身させてみる!?






2013-01-02[n年前へ]

twitterフォロワ解析であなたも芸能ウォッチャー!? 

 「twitterフォロワ解析であなたも芸能ウォッチャー!?」を書きました。

 たとえば、芸人のいとうあさこ(@asako1970)さんのフォロワで繋がり方(グラフ)を描き出してみると、いくつかのグループが浮かび上がってきます。まず1番目は、キングオブコメディ高橋・ニッチェ江上からひぐち君にまで繋がる中堅芸人ライン。2番目は中堅芸人ラインからものまね芸人の "みはる" (@miharu_ufufu)の先に居る森口博子・竹本孝之といった80年代アイドルライン。そして最後の3番目は中堅芸人ラインからローラを介して繋がっているオリラジ中田・藤森といった第三極グループです。

twitterフォロワ解析であなたも芸能ウォッチャー!?






2013-03-20[n年前へ]

「業種別企業の平均年齢と年収」のグラフを作ってみた 

 「業種別企業の平均年齢と年収の辞書データを公開しました」という記事を読みました。その「業種別企業の平均年齢と年収」のデータを眺めてみたかったので、グラフにしてみました。

 主な業種別で並べたグラフを見ると、「情報通信は平均年収が結構高い!」と驚いたり、業種毎に傾向がずいぶん違って…なかなか興味深く感じます。

 ちなみに、下に並べた2枚のグラフが「すべてを合わせてみたもの(ヒストグラム濃淡図・ヒストグラム鳥瞰図)」です。企業の平均年齢・年収が、個人それぞれと直結するものでないとはいえ、人生設計は年収300万円で考えた方が良いのかも…。

「業種別企業の平均年齢と年収」のグラフを作ってみた「業種別企業の平均年齢と年収」のグラフを作ってみた「業種別企業の平均年齢と年収」のグラフを作ってみた








■Powered by yagm.net