[Web App] BEAM – シンプルなグラフ生成サイト
シンプルなグラフを作成できるサイト。作り方は簡単で、まずはグラフの種類を選びます。次にグラフのプレビュー左にある引き出しからスプレッドシートを出して、そこに数値を入力するだけ。イラレやエクセルでグラフ作るのに比べると超カンタンです。作成できるのは円グラフ、折れ線グラフ、棒グラフの3つ。それぞれ複数のテーマが用意されていて、棒グラフは縦並びと横並びから選択できます。細かいカラー指定ができるともっと便利なんですけどねー。
Tag Archives: InfoGraphics
[Misc] 50 Things a Geek Should Know [Infographic] – ギークなら知っておくべき50の事
ギークなら知っておくべき50の事、という内容のインフォグラフィック。いやまぁこれただの50の「すべき事」の羅列だから、インフォグラフィックって言えるのかどうかは分かんないんだけど、綺麗にまとめられてます。英語圏の文化に属するギーク向けの内容なので、日本のギークとはやや趣がことなりますが、一部共通点も見られますね。ガンダムとかエヴァとか。ちなみに自分はStar Warsは分かってもStar Treckは分かんないタイプでして、他の項目も読んではみたものの1/3くらいしか分かりませんでした。まだまだ精進が足りないな、としみじみ思いました。ページ下部には何個分かったかで自分のギーク度を評価してくれる一覧もあります。まぁ大きなお世話っていやそうなんですが。
[Info Graphic] 40 Maps That Will Help You Make Sense of the World – 様々な統計情報を地図で表現したインフォグラフィック
世界の様々な統計情報を地図で表現したインフォグラフィック。40の作例が紹介されてます。インフォグラフィック表現のネタ調として、もしくは単純な知的好奇心の対象としてもなかなか興味深い記事。Googleストリートビューのある国ない国、マックのある国ない国、ヨーロッパ諸国でメジャーなサーネーム、左ハンドルと右ハンドル、世界で行き来の盛んな航路ベスト10、世界で人口が密集しているエリア、地震が多発するエリアなど、ミシシッピ川の支流（これスゴい）など、興味深いテーマが揃ってます。中には初めて性交する平均年齢を国別に表した、なんてのもあります（中国、インドがすごく遅くてスカンジナビア半島諸国が超早い）。いやーこういう統計情報ってオモしろいっすねー。
[Infographic] Pinfographics – Pinterest風にインフォグラフィックをまとめたサイト
インフォグラフィックをPinterest風にまとめたギャラリーサイト。Pinterestを使い慣れた人なら慣れ親しんだインターフェースでインフォグラフィックをダラダラと見る事が出来ます。サイト下部にページングリンクがあるんですが、なかなかの量集めてるようで見応えがあります。インフォグラフィック作る際のネタ帳にもナイス。
[Infographic] Apple devices resolutions – 各種アップル製デバイスの解像度をまとめたインフォグラフィック
様々なApple製デバイスのディスプレイ解像度をまとめたインフォグラフィック。iOSデバイスとOS Xデバイスの現行機が一通り紹介されてます。WebデザインやiOS AppのUIデザインをする際に参考にできそうです。Retinaディスプレイ搭載モデルにはその旨記述してあります。以前に比べてデバイスごとにディスプレイの解像度ってバラバラになりつつあるので、こういうまとめはデザイナーとしてはありがたいっすね。
[Infographic] 50 Great Examples of Data Visualization – データを可視化したインフォグラフィックの作例まとめ
インフォグラフィックのクールな作例まとめ記事。データを可視化する際のアイデア的なネタ帳になりそうなナイスなまとめ。棒グラフとか折れ線グラフというよりは、分布図みたいな作例が多い印象。動きを使った見せ方をするものも多く（まぁそういうの作るとなると大変ですが）、見てて飽きません。
[Web Design] Datavisualization.ch Selected Tools – Webでデータを可視化するためのツールギャラリー
Web上でデータを可視化するための各種ツールがまとめられたサイト。csvなどのデータの集合体を分かりやすい形で動的にグラフ化してくれるので、データに動きのあるサイト制作に使えます。よくある棒グラフや折れ線グラフはもちろん、分布図や地図情報と組み合わせたもの、なんだかよく分からないグラフなど色々あります。サムネールクリックでそのグラフが何の技術で描画されているのか（だいたいはJSです）が分かり、リンク先からDLする事ができます。ニッチかもしんないけどナイスなまとめ。
[Infographic] 50 great examples of info graphics – インフォグラフィックの素晴らしい作例
インフォグラフィックの素晴らしい作例を50例まとめた記事。これ系のまとめ記事好きでよく見るんだけど、見たことないものがいくつもあって楽しめました。グラフィック化するソースの多くは英語文化圏の情報で、この手のデザイン作例は情報を可視化する際のプロセスみたいなものの参考になりますな。インフォグラフィック作るって機会ってそれほどないとは思うんだけど、デザイナーなら見て楽しめると思います。