はてなブックマーク

ベン図ときくと、たとえばSQLデータベースにおいて、二つのテーブルを結合する際の、結合の仕方について説明した図を思い浮かべる方も多いと思います。 Four different types of JOINs 作者のジョン・ベンにちなんだ名称で、閉曲線（閉じた曲線で作られた閉じた図形）を使って集合理論的な関係を示す図として知られています。 この図に登場するデータセット（テーブル）は二つですが、登場するセットが最大3つまでであれば、これはベン図といえます。それ以上のデータセットにおいては、ベン図といえないかもしれません。 同様のチャートで、レオンハルト・オイラーにちなんだオイラー図というものがあり、オイラー図とベン図の関係を図で示すとこのようになります。 Four different types of JOINs つまり、より一般的なものがオイラー図であり、そのうちある要件を満たすものをベン図と

FTのAlan Smith氏が公開している、チャートの分類や種類を視覚的にまとめた一覧です。 Visual Vocabulary Finantial Times インタラクティブ版 Tableau Public版 Power BI版 Vega版

内閣府委託事業の一部として、2019年10月ごろに筆者が実施したリサーチレポートです。一般公開の許可をいただけましたので共有します。何かしらお役に立ちましたら幸いです。 目次 自メディアでのコミュニケーション 民間のデザイナーを活用する オープンイノベーション 民間サービス ガイドライン整備 行政が考えるデータビジュアライゼーションの価値 データビジュアライゼーションの活用提案

国立国会図書館 初のデータビジュアライゼーションイベントが開催されますAIによる音声の自動文字起こし（トランスクライブ）、良いサービスが続々登場しています。英語にも当然対応しているので、特に海外のカンファレンスに参加される方には強い味方になります。 国立国会図書館 初のデータビジュアライゼーションイベントが開催されます。 国会図書館にはデータがたくさん国会図書館には収蔵している書籍に関するデータもあるのですが、今回は「ウェブサイト」がテーマとなっています。 国会図書館では、15年前よりウェブページのアーカイブをおこなっており、その結果はWARPというウェブサービスとして公開されています。 Warp – 国立国会図書館インターネット資料収集保存事業 データを探しだそう今回はこれらの中から、地方自治体ウェブサイトのメタデータなどを使って、データ・ビジュアライゼーションを行います。今回のイベント

OpenVis Conference 2014Part 2: Keynote Day 2 2. John Resig: Analyzing Art Data for Fun and Profit二日目のキーノートスピーカーは言わずと知れた著名ライブラリjQueryの作者、John Resigでした。彼はJavaScript関連の本を何冊も執筆している有名なJavaScriptハッカーですが、他方、非常に熱心な日本文化、特に浮世絵のファンとしての一面も持っています。彼のキーノートは、まさにその両面が融合された非常に興味深いものでした。 講演の様子（YouTubeへのリンク）John Resig - Analyzing Art Data for Fun and Profit 日本文化と浮世絵 日本の絵画について。私（Resig)は日本絵画の大ファンであり、文化についても個人的に研究している日本

Shapefile→GeoJSON→TopoJSONShapefile(地理情報システムにおけるオープン標準ファイル形式)をウェブで使用可能なGeoJSONやTopoJSONへ変換するための手順をご紹介します。今回は都道府県ごとに分かれた日本地図を描画することをゴールにします。まずはShapefileからGeoJSONを生成し、その後GeoJSONからTopoJSONを生成することとします。 Shapefileを編集する国土地理院「地球地図」からShapefileをダウンロードする 今回の目的から都道府県ごとの粒度のものがいいのですが、ないので市区町村ごとの粒度のものをダウンロードし、手元で修正することにします。「地球地図日本のデータ」から第2版ベクタ（2011年公開）行政界 Shapeファイルをダウンロードします。 QGISでShapefileを読み込む ここからQGISというアプリケ

参加者がディスカッションの議題を持ち寄りunconferenceがスタートしました。実際のタイムテーブルはこのような感じです。 * http://visfest.com/d3unconf/ せっかくなので私も一つ提案してみました。**Network visualizations; d3 + sigma + Cytoscape etc.**と言うのが私の提案したセッションです。 実際のディスカッション普通のカンファレンスとは異なり当日にテーマを決めるため、誰かがスライドを使って話すと言う事は無く、イーゼルパッドとペン、そしてラップトップを持ち寄り、そのテーマについて皆で話し合います。当然全て英語ですので、日本からも参加してみたいと言う方はここで尻込みしてしまうかもしれませんが、基本的に話を聞くだけのカンファレンスとはまた違った面白さもありますので、機会があればぜひ挑戦してみてください。各トラ

たとえばある変数の値が350の場合、ある棒グラフではY座標はいくつになるでしょうか。またはあるバブルチャートでは円の直径はいくつになるでしょうか。 インプットとしてのデータセットが持つ数値体系や幅（最小値〜最大値）などは、たいていアウトプット先の例えば液晶ディスプレイなどとは数値体系や幅（例えば表示領域など）が異なるため、両者をつなぐための方法論が必要になります。視覚化される要素の座標や大きさだけではなく、色や数値ではない例えばカテゴリーなどにも同様の手法が適用可能です。 Processingではmap、D3ではscaleという機能でまとめられています。しかしここには「正規化」という概念が隠されています。正規化という言葉にはいくつかの意味があり、ここではベクトルにおける正規化のことを指します。 その変数が含まれるデータセット全体（もしくは基準とすべき）最小値〜最大値の幅の中で、どの辺りにあ

Keiichiro Ono UC, San Diego School of Medicine Cytoscape Consortium はじめに まず自己紹介をさせていただきます。私はアメリカ西海岸、カリフォルニア州の最南端に位置するサンディエゴ在住のソフトウェア開発者です。カリフォルニア大学サンディエゴ校(UCSD)と言う大学の医学部で、生物学者や医師に混じって彼らが研究で必要とする各種ツールを開発しております。分野としてはbioinformaticsと呼ばれるものです。 先週の土曜日(3/29/2014)、サンフランシスコにあるGitHub本社にて行われたd3.unconfというD3.jsや可視化周辺の実務的な話題を扱う会議がありました。Cesar Chavez Dayで三連休だと言うこともあり1、私にとってはちょうどいいタイミングでしたので、久しぶりにサンフランシスコまで足を伸ばして

去年（2013年）クラスカで行われたFITC Tokyoに参加してきて、最も印象深かった話の一つが、Kyle McDonaldの ‘How to Give Everything Away’（あらゆるものを公開する方法）という話でしたので、ご紹介させてください。 FITC2013 ‘How to Give Everything Away’（あらゆるものを公開する方法）Kyle McDonald | FITC2013 公式サイトでは ‘give away’ を「公開する」と訳してるんですが「プレゼントしてしまう」とか、英英辞書ひくと「うっかり誰かが優位性を持つことができるように」というニュアンスもあるようです。言葉の並びをみると差し出すことによって自分から遠ざける（ざかる）というニュアンスもありそうです。 そして、何を ‘give away’ するのかとして具体的には、アイデアを共有すること、

2013年12月20日、「データカタログサイト試行版」として、data.go.jpが開設されました。 「各府省の保有データをオープンデータとして利用できる場をつくり、データの提供側・利用側双方にオープンデータのイメージを分かりやすく示すことを目的としています。」とのことで、「日本のオープンデータ憲章アクションプラン」に基づいたものです。 SNSを検索すると「マシンリーダブルなデータじゃない」や「同種のサイトが多すぎる」という指摘がいくつか見られ、同感ではあるのですが、以下の二つのことが画期的だと考えています。 CC-BYライセンスが付与されていること（利用規約 第１条） 省庁横断でデータが集められていること まずは場作りと様子見であるようなので、ここで「まだできてない」じゃなくて「二歩進んだ」進んだと捉えて今後の動きにも注視していきたいところです。 さて、どんなデータが集められているのでし

ブラウザー上でデータビジュアライゼーションをやる場合にどの技術を使うべきなのか。そんなテーマでTwitter社でVisual Analysis & Insights teamのMiguel Rios氏が、今年5月にボストンのOpenVis Conferenceで講演しました。 講演での順番とはちょうど逆になりますが、話の流れがわかりやすい順番に構成します。 主にブラウザーのレンダリングの仕方が、DOM構造を残した状態なのか、そうでなく1つのDOM要素(canvas要素)の中にすべて描画するのか、という点を切り口に、主要な実装方法であるHTML/CSS、SVG、HTML5 Canvas、WebGLを取り上げ、整理しています。 実装にとりかかる前に明らかにすべきこと 要素はどのくらいの数になるのかそれらの要素はどのくらい複雑な形をしているか、また配置するかどの程度インタラクティブ性を持たせるか

データ可視化にまつわる実践的な手法や実例を紹介しています。