Ian Ardouin-Fumat
「Twitter Aurora」や「Into the Okavango」の作者でインタラクション・デザイナーのイアン・アルドゥアン＝フュマのウェブサイト。
» Link
Into The Okavango – National Geographic
ボツワナのオカバンゴ湿地隊に入った調査隊の軌跡を追うことのできるアプリ。
» Link
キャプチャ1, キャプチャ2, データヴィジュアライゼーション
Twitter Aurora – Office for Creative Research
SNS上での情報の広がり方を解析するプロジェクト（2017以前）。
» Link
CASCADE Project – NY Times Lab
SNS上での情報の広がり方を解析するプロジェクト（2011）。
» Link
Pompidou Data Sprint– Ian Ardouin-Fumat
ポンピドゥ・センターの作品貸借を視覚化したもの（2018）。
» Link
Experiments by Clever Franke
地図系のデータ・ヴィジュアライゼーション作品を多く作っているClever Frankeのポートフォリオ。サイト自体はthree.jsを使って作られたCanvas。
» Link
Small Arms and Ammunition – Google
世界各国の軍事貿易を視覚化する3D統計地図（2010）。
» Link
Anemone – Ben Fry
インターネット空間上でのページ閲覧経路を可視化するプロジェクト。
» Link
Digital Projects – New York Public Library
ニューヨーク公共図書館のデジタル系プロジェクトをまとめたページ
» Link
Labs – New York Public Library
ニューヨーク公共図書館の実験的プロジェクトをまとめたページ
» Link
ON BROADWAY
Daniel Goddemeyer, Moritz Stefaner, Dominikus Baur, and Lev Manovich.
» Link
Hahn+Zimmermann
スイスのデザイン事務所。ヴィジュアライゼーションを主要な仕事にしている。
» Link
mgmt design
ニューヨーク拠点のデザイン事務所。インフォメーション・グラフィックスの仕事も多い。
» Link
“The New York Times Magazine” – mgmt design
mgmt designが「The New York Times Magazine」のためにデザインしたダイアグラム
» Link
2021: The Year in Visual Stories and Graphics – NY Times
ヴィジュアル・ストーリーとグラフィックで見る2021年。
» Link
New York is quiet. Listen to the birds – NY Times
トランプ元大統領のTwitter上での侮蔑的な言動を全て洗い出した記事。
» Link
New York is quiet. Listen to the birds – NY TImes
コロナ禍のニューヨーク市にやってきた野鳥の声を聴くことのできるページ。
» Link
Pandemic’s Racial Disparities Persist in Vaccine Rollout – NY Times
コロナ禍の人種間不均等についての記事。
» Link
In the Atlantic Ocean, Subtle Shifts Hint at Dramatic Dangers – NY Times
温暖化により大西洋の海流に変化が生じているという記事。主にCanvasで実装。
» Link
Antarctic Dispatches – NY Times
気候変動の影響により南極の氷がどのように融解するかを追った記事。主にCanvasで実装。
» Link
NASA’s Opportunity Rover Dies on Mars – NY Times
NASAの探査車「オポチュニティ」の軌跡を追った記事。縦スクロールをうまく使っている。
» Link
Snow Fall: The Avalanche at Tunnel Creek – NY Times
2012年のトンネルクリーク雪崩についての記事。様々なメディアをうまく組み合わせてストーリーを語っている。
» Link
Spotlight Graphics – NY Times
NY Timesのグラフィック記事一覧。
» Link
Four Ways to Slice Obama’s 2013 Budget Proposal – NY Times
オバマ政権下の2013年度予算案を分析するグラフ。
» Link
Across U.S. Companies, Tax Rates Vary Greatly – NY Times
企業にかかる税を分析するグラフ。
» Link
Why Opening Windows Is a Key to Reopening Schools – NY Times（有料記事）
コロナ禍の学校で換気が重要な要因であることを説明する記事。背景の3DモデルはCanvasにWebGLで描画。
» Link
朝日新聞 インフォグラフ
朝日新聞が制作したグラフィック記事一覧。
» Link
A-production
朝日新聞のインフォグラフ等を制作しているグループ会社。
» Link
ナガサキノート – 朝日新聞
長崎原爆の被害者・目撃者にとったインタビューを3Dの地図空間上にプロット。
» Link
熊本地震、こう揺れた – 朝日新聞
熊本地震の本震・余震を時系列で追えるアプリ。
» Link
３Ｄで見る阿蘇大橋周辺の被害地図 – 朝日新聞
熊本地震の被害を3Dマップ上で見せる。
» Link
Reuters Graphics
ロイター通信のグラフィック系ページをまとめたもの。
» Link
Covid-19 Stopping the spread: Reaching herd immunity through vaccination – Reuters Graphics
ワクチン接種によってコロナウィルスの感染拡大が防止できることを説明する。感染拡大シミュレーション部分はCanvasタグ。
» Link
Drowning in plastic – Reuters Graphics
ページを開いてからどれだけのペットボトルが売られたかを視覚的に表す。最初の映像はvideoタグの動画。
» Link
Tracking China’s Muslim Gulag – Reuters Graphics
中国のイスラム教徒強制労働収容所を追った記事。収容所の形が浮き上がるところはSVGを使用している。
» Link
The race to save the river Ganges – Reuters Graphics
ガンジス河を救う政府の試みについてのグラフィック。河の流量を表したダイアグラムのところはSVGを使用。
» Link
2017 SEASON FORMULA 1 – Reuters Graphics
F1の2017シーズンの様々なデータを表したページ。コース、チーム、ドライバー等のデータをグラフで表す。
» Link
See Singapore and the world evolve through 175 years of The Straits Times’ headlines – The Straits Times 海峡時報
シンガポール最大の新聞「The Straits Times（海峡時報）」の175周年記念ページ。歴代の1面を観られたり、トピックス別の統計が観られる。
» Link
Fukushima 10 Years On – The News Lens 關鍵評論
台湾・香港のニュースサイト「The News Lens（關鍵評論）」による、福島原発事故10年後のリポート。放射能汚染水の堆積をアイソタイプ的表現で表す。
» Link
The LGBT Hotspots – The News Lens 關鍵評論
台湾のLGBTフレンドリーなスポットを地図で表す。
» Link
A Song of Ice and Oil – The News Lens 關鍵評論
北極の氷の変化
» Link
Infographics – South China Morning Post
香港の新聞「サウス・チャイナ・モーニング・ポスト（SCMP）」のインフォグラフィックス一覧
» Link
The history of the Forbidden City: A visual explainer – South China Morning Post
SCMPの《紫禁城の歴史》特集ページ。静止画中心だが、動画やSVGアニメーションが効果的に使われている。
» Link
Getting to grips with North Korea in 15 graphics – South China Morning Post
北朝鮮を理解するための15のグラフィック。核実験の歴史や石油貿易、ミサイル発射実験の場所等を表す図がSVGで作られている。
» Link
Plugging China into Europe – South China Morning Post
中国からヨーロッパまでを経済ベルトと海上シルクロードで結ぶ、中国の「一帯一路」構想を扱ったページ。スクロールに応じて背景の地図（Canvasタグ）の内容が変化する。
» Link
Who Runs China – CGTN
CGTN（中国グローバルテレビジョンネットワーク）によるページ。小さな円やグラフ部分はSVG。円が移動する部分はSVGの裏に貼ったCanvasで描いている。
» Link
Best Data Visualization Websites and Mobile Sites 2022 – The Webby Awards
ウェブデザインの賞「The Webby Awards」のうち、「Best Data Visualization」部門の受賞者一覧。
» Link
Ikonographie des Data-ismus
» Link
Race and ethnicity across the nation – CNN
アメリカの人種地図。
» Link
Codex Atlanticus – The Visual Agency
レオナルド・ダ・ヴィンチの「アトランティコ手稿」のデジタル・アーカイブとデータ・ヴィジュアライゼーション。SVG、Canvas等の様々な技術が組み合わされている。
» Link
IDEAS REPORT 2021 – WeTransfer
データ転送サービス「WeTransfer」が行なった20分アンケートの結果。CanvasやSVGを使って実装されている。
» Link
POLA 2029年ヴィジョン
POLA化粧品の将来的なヴィジョンを表現したページ。シームレスに変化するSVGアニメーション。
» Link
Google Experiments
Googleが主導している、ウェブ上での実験的プロジェクト。
» Link
Bird Sounds – Kyle McDonald, Manny Tann and Jessie Barry
鳥の声をAI解析し、類似しているものを近くに並べたもの。
» Link
Timelapse in Google Earth
Google Earthのタイムラプス機能。アマゾンの森林破壊などが航空写真によってはっきりわかる。
» Link
Jigsaw
Googleのインターネット脅威研究チーム。定期的に雑誌風の特集記事「The Current」も発表する。
» Link
WHO Coronavirus Disease (Covid-19) Dashboard
世界保健機関WHOのコロナウィルス統計ページ（2020）
» Link
Why outbreaks like coronavirus spread exponentially, and how to “flatten the curve” – The Washington Post
ワシントンポストのコロナウィルス関連ページ（2020）。隔離（ソーシャル・ディスタンシング）がいかに有効かを示す記事。シミュレーション部分はCanvas、グラフ部分はSVG。
» Link
日本語版
How epidemics like covid-19 end (and how to end them faster) – The Washington Post
ワシントンポストのコロナウィルス関連ページ（2020）。「基本再生産数（R0）」「実効再生産数（Re）」と感染の広がり方の関係を説明。
» Link
1,374 Days – My life with long Covid
自らのコロナ症状を1,374日にわたって追った、New York Timesの寄稿記事。
» Link
NASA’s Eyes on Asteroids – JPL
» Link
The Health Inclusivity Index – Economist Impact
» Link
Eye Tracker
ハリケーンの位置と、それに備えるための食料リスト等を教えてくれるサイト。
» Link
群衆の英知もしくは狂気
» Link
◉ライブラリ
p5.js
https://p5js.org/
Tableau
https://www.tableau.com/ja-jp
Three.js
https://threejs.org/
D3.js
https://d3js.org/
mapbox
https://www.mapbox.jp/
openstreetmap
https://www.openstreetmap.org/#map=5/35.588/134.380