Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
data visualization and 0media
Search
tkirby
June 13, 2014
Technology
160
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
data visualization and 0media
資料視覺化與零傳媒
tkirby
June 13, 2014
More Decks by tkirby
See All by tkirby
前端網頁資料視覺化設計
tkirby
1
630
Theory of Graphical Perception
tkirby
0
670
Open Refine Course
tkirby
0
280
Language Reference
tkirby
0
140
新聞記者的程式設計第一課
tkirby
0
610
Visualization over Web
tkirby
0
170
迎戰壞資料 @ dbootcamp Taipei
tkirby
0
840
Rasterize D3.js
tkirby
7
1.8k
SVG + D3.JS Course Slide
tkirby
0
290
Other Decks in Technology
See All in Technology
2年前に削除したPHPクラスが、 ある日突然決済をエラーにした
ykagano
1
570
SoccerMaster: A Vision Foundation Model for Soccer Understanding
kzykmyzw
0
150
AICoEでAIネイティブ組織への進化
yukiogawa
0
210
ゴールデンパスは敷いただけでは道にならない ─ 企画部門のエンジニアが技術標準を事業価値に変えるまで
mhrtech
1
240
SRE Next 2026 何でも屋からの脱却
bto
0
1.1k
タスクの複雑さでモデルを選ぶ ── Thompson Samplingで動かす“トークン/コスト最適化
satohy0323
0
590
Oracle Exadata Database Service on Cloud@Customer X11M (ExaDB-C@C) サービス概要
oracle4engineer
PRO
2
8.4k
AI Native なプロダクト組織の立ち上げ方 : 生産性 100 倍への挑戦
mikesorae
0
460
「顧客の声を聞かなければ何も始まらない」 ── 顧客の声から生まれた『AI返信補助機能』の開発プロセス / AICon2026_shikata_imai
rakus_dev
0
210
「早く出す」より「事業に効く」 ── 顧客の業務サイクルから逆算するAI時代の二重ループ開発と「変化の設計者」 / devsumi2026
rakus_dev
1
490
Copilot / Claude Code 両方で使えるスキル・ハーネスの紹介 - Claude Codeスキル・ハーネス社内勉強会
colopl
0
130
仕様駆動開発、導入半年。「本当に速くなってるの?」にデータで答える / AICon2026_hirakawa
rakus_dev
0
240
Featured
See All Featured
How to audit for AI Accessibility on your Front & Back End
davetheseo
0
470
Navigating Team Friction
lara
192
16k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.7k
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
rkaga
62
45k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
141
35k
Building Adaptive Systems
keathley
44
3.1k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.8k
Being A Developer After 40
akosma
91
590k
Agile Actions for Facilitating Distributed Teams - ADO2019
mkilby
0
220
A designer walks into a library…
pauljervisheath
211
24k
Sam Torres - BigQuery for SEOs
techseoconnect
PRO
0
310
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
kimpetersen
PRO
0
390
Transcript
Kirby Wu 吳泰輝 本著作由 g0v.tw 製作,以創⽤用 CC 姓名標⽰示-相同⽅方式分享 3.0 台灣
授權條款釋出
None
http://zbryikt.github.io/visualize/crossfilter/
None
稅⾦金正在加速燃燒中
None
None
None
None
None
⼈人物 關係 標案 分析 開放 ⽴立院 ⽴立委 資訊 公⺠民 媒體
流動 ⺠民主 選罷 地圖 弊案揭露 權⼒力制衡 資訊透明
None
⿊黑 客 松 H a c k a t h
o n H a c k M a r a t h o n ⼤大家⼀一起來 Hack! 吃炸雞
None
None
None
http://g0v.tw/about.html g0v.tw 是⼀一個致⼒力於打造資訊透明化的社群。g0v.tw 的參與者來⾃自四⽅方,有程式開發者、 設計師、社會運動⼯工作者、教育⼯工作者、⽂文字⼯工作者、公⺠民與鄉⺠民等來⾃自各領域的⼈人⼠士。 這些⼈人聚在⼀一起,希望資訊透明化可以更進⼀一步的改善台灣的公⺠民環境。只要有⼼心想⽤用⾃自 ⼰己的專業及能⼒力來參與,就可以加⼊入 g0v.tw。g0v.tw 以開放原始碼的精神為基底,關⼼心⾔言 論⾃自由、資訊開放,希望可以最新的科技,提供讓公⺠民更容易使⽤用的資訊服務。資訊的透
明化可以幫助公⺠民更確實了解政府運作,更快速了解議題,更有效監督政府,確保政府不 脫離⺠民有、⺠民治、⺠民享的本質。我們平時透過 g0v.tw 各網路平台(IRC, hackpad, github)溝通協作,或參與不定期舉辦的⿊黑客松(hackathon)活動。我們的成果(包括⽂文 件、程式碼、運算資料、數據分析結果及過程執⾏行⽅方式)遵循開放原始碼授權,讓更多⼈人 能使⽤用、改善、回饋,發揮最⼤大效⽤用。各專案成果不屬於 g0v.tw,但也歡迎在此平台共 享。我們喜歡找到問題,樂於討論解決⽅方案,願意動⼿手嘗試解決問題。我們在多元領域中 找到合作的途徑,讓⼒力量相乘,以想像⼒力指引新的⽅方向。我們希冀以⾏行動改變現狀,不想 淪為沉默的幫凶。g0v.tw 沒有負責⼈人、代⾔言⼈人,由參與者⾃自主決定想要參與的專案,同時 加深 g0v.tw 的社群⽂文化。各專案各⾃自運作討論決策,g0v.tw 社群平台相關重要議題則使⽤用 Liquid Feedback (流動式⺠民主網路投票系統)討論與決策。g0v.tw 無黨無派、無錢倘買 菜,是草根集結的公⺠民運動,你可以參與專案贊助腦⼒力、勞⼒力,也可以捐款贊助舉辦⿊黑客 松、或直接⽀支持特定專案。如果你認同以上,歡迎加⼊入 g0v.tw,來聊聊你想作些什麼,想 協助什麼專案,想看到我們⾝身處的世界有什麼改變。歡迎你成為科技改變社會的⼒力量。 資料透明 去中⼼心化 開放源碼 改造政府
None
None
None
⽴立委投票結果視覺化 http://bl.ocks.org/zbryikt/raw/4248542/
None
縣市統計資料視覺化 http://bl.ocks.org/zbryikt/raw/4696905/
None
None
None
http://g0v.github.io/g0vis/#!/project/1
http://g0v.github.io/g0vis/
None
http://zbryikt.github.io/visualize/nsc-2/
http://zbryikt.github.io/visualize/mrt/ 臺北捷運各站 出站⼈人數圖
台灣失業⼈人⼜⼝口各失業原因之數量比較 http://zbryikt.github.io/visualize/jobless/
Vivid Graphics Boring Data
Before After Bored 11% 12% Not Great 5% 6% OK
40% 14% Interested 25% 30% Excited 19% 38%
台北市失業率與低收入⼾戶⼈人⼜⼝口數之比較
http://zbryikt.github.io/visualize/scatter/
None
None
None
Useful Junk? The Effects of Visual Embellishment on Comprehension and
Memorability of Charts Scott Bateman, Saskatchewan university
None
1 2 3 4 反⿊黑箱 ⽩白⾊色正義 (⼈人次)
1 2 3 4 反⿊黑箱 ⽩白⾊色正義 2 2 y (⼈人次)
50萬 反⿊黑箱 ⽩白⾊色正義 10萬 錯誤的⻑⾧長條圖使⽤用⽅方式! 基準點需要從零開始
50萬 反⿊黑箱 ⽩白⾊色正義 0 正確的⻑⾧長條圖使⽤用⽅方式! ...好吧這是個失敗的例⼦子
1000 反⿊黑箱 ⽩白⾊色正義 0 換個觀點,陳述的事實也不同
1000 反⿊黑箱 ⽩白⾊色正義 0 萬⼈人響應 ———— 九⼈人到場 少數⼈人 不代表主流⺠民意 y:
響應 / 到場
None
brand / position / 3D
None
None
None
None
None
http://g0v.github.io/nsc-projects/v2.html
None
國科會補助⾦金額視覺化 — 時間軸版
None
None
7 6 5 2 8 7 6 5 2 8
7 6 5 2 8 7 6 5 2 8 7 6 5 2 8 7 6 5 2 8 7 6 5 2 8 7 6 5 2 8 7 6 5 2 8 7 6 2 8 2 8 7 6 5 2 2 2 8 2
7 6 5 2 8 7 6 5 2 8
7 6 5 2 8 7 6 5 2 8 7 6 5 2 8 7 6 5 2 8 7 6 5 2 8 7 6 5 2 8 7 6 5 2 8 7 6 2 8 2 8 6 5 2 2 2 8 2 7
7 6 5 2 8 7 6 5 2 8
7 6 5 2 8 7 6 5 2 8 7 6 5 2 8 7 6 5 2 8 7 6 5 2 8 7 6 5 2 8 7 6 5 2 8 7 6 2 8 2 8 7 6 5 2 2 2 8 2
Story Rules.
彭博新聞社 http://www.bloomberg.com/visual-data 紐約時報 http://goo.gl/6qRLsb 華盛頓郵報 http://goo.gl/VcQFMf
None
nytimes http://www.nytimes.com/newsgraphics/2013/10/13/russia/?ref=europe
http://goo.gl/6qRLsb
None
Weapons and Mass Shooting washington post
None
http://www.foundi.info/ll/25.0602/121.5953/16/
蘋果⽇日報
1. 刑期可直接視覺化顯⽰示 2. 可照刑期、︑職級做群組 3. 點選照⽚片跳出⼤大圖 — 無⽤用的功能 4. 半透明效果並不需要
5. 與洪仲丘之關係沒有說明
蘋果⽇日報
聯合報
台灣⼤大軍撐起科技天王 - 天下雜誌
各國的企業租稅狀況 http://www.cw.com.tw/PicChannelPage/pic_article_cw52302.jsp
尋找台灣中堅企業 http://www.cw.com.tw/PicChannelPage/pic_article_cw52203.jsp
http://goo.gl/6qRLsb Story Hacker & Designer Data
None
None
None
零時政府 開放源碼 開放資料 群眾協作 資料 源碼 群眾 需求 取得 理念
零傳媒 media 0 互動式視覺化新聞媒體
新聞⼯工作者、⽂文字⼯工作者 Data Journalist Data Crawler Data Visualizer 資料取得整理與後端⼯工程 視覺設計或插畫編輯 tuiry,
2013
Visualizing 視覺化為核⼼心 Democracy 成員討論決定主題 Publication 成果開放授權 media 0
全台各鄉鎮癌症罹患地圖 http://g0v.github.io/cancer/viz/
http://g0v.github.io/0media/yslin/
None
None
None
None
0media.tw