本書圍繞數據新聞的可視化實踐這一主題展開討論。全書分為六章。第1章是數據新聞與可視化概述，闡述和討論數據新聞的概念、實踐流程，數據可視化及其與數據新聞的關繫等內容，是展開後續章節的基礎。第2～6章圍繞實踐流程展開，第2章介紹可視化前的數據準備――數據的搜集、處理與分析；第3～5章根據第1章對數據新聞中常用、適用的可視化工具的分類及常見可視化技術類型的討論，分別探討簡單易用的可視化工具及其可視化實踐、可視化框架與編程語言及其可視化實踐，以及特定展現形式的可視化實踐與工具；第6章在將前幾章所討論的內容進行串聯和綜合應用的基礎上，討論數據新聞可視化內容的整合呈現過程。本書適合從事數據新聞實踐和研究的新聞從業者或相關研究者閱讀，對相關領域的技術人員也有一定的參考價值，還可作為相關專業本科生、研究生的參考書。

肖倩，1984年生，博士，畢業於北京郵電大學。現工作於北京印刷學院新聞出版學院。研究方向：數據新聞、社交媒體、數字出版等。謝海濤，1984年生，博士，現工作於北京科技經濟信息聯合中心。研究方向：大數據分析、數據可視化等。

第1章 數據新聞與可視化概述 1
1．1 什麼是數據新聞 1
1．2 數據新聞的意義、發展與現狀 2
1．2．1 數據新聞的意義 2
1．2．2 數據新聞的發展與現狀 3
1．3 數據新聞的實踐流程、數據可視化及其與數據新聞的關繫 7
1．4 數據新聞中的常見可視化技術類型 11
1．4．1 統計圖表 11
1．4．2 信息圖 12
1．4．3 詞雲 13
1．4．4 時間軸 14
1．4．5 地理信息可視化 15
1．4．6 時變空間數據可視化 16
1．4．7 網絡可視化 17
1．4．8 數據可視化 18
1．5 數據新聞的分類 18
1．5．1 基於數據可視化模式的數據新聞分類 19
1．5．2 基於呈現形式的數據新聞分類 22
1．6 數據新聞中常用、適用的可視化工具概述 23
1．7 小結及本書的章節安排 26
第2章 可視化前的數據準備――數據的搜集、處理與分析 28
2．1 “數據”的概念及數據準備與“可視化”的關繫 28
2．2 搜集數據的途徑與方法 29
2．2．1 搜索與查詢 30
2．2．2 采訪、調查與眾包 31
2．2．3 程序抓取 32
2．3 數據的常見存儲格式 50
2．3．1 數據常見存儲格式概述 50
2．3．2 XML格式介紹 52
2．3．3 JSON格式與JavaScript 55
2．4 數據處理的主要操作 78
2．4．1 數據權威性的驗證 79
2．4．2 數據存儲格式的轉換 80
2．4．3 數據的清洗 93
2．5 數據的分析 101
2．5．1 數據新聞中的數據分析 101
2．5．2 數據新聞中的數據分析實例與工具 102
2．6 小結 113
第3章 簡單易用的可視化工具及其可視化實踐 116
3．1 Adobe Illustrator 117
3．2 Tableau 122
3．3 Excel 139
3．4 Power BI 142
3．5 小結 145
第4章 可視化框架與編程語言及其可視化實踐 147
4．1 必要的基礎知識 148
4．1．1 HTML 148
4．1．2 CSS 152
4．1．3 SVG 161
4．2 基於JavaScript的可視化框架 166
4．2．1 D3．js 166
4．2．2 ECharts 195
4．2．3 其他基於JavaScript的框架 223
4．3 其他框架與可視化編程語言 224
4．4 小結 226
第5章 特定展現形式的可視化實踐與工具 227
5．1 組合式統計圖表的可視化實踐與工具Plotly 227
5．2 基於模板的信息圖可視化實踐與工具 239
5．2．1 Infogram 239
5．2．2 其他信息圖可視化實踐工具 243
5．3 詞雲的可視化實踐與工具 245
5．3．1 WordArt．com 246
5．3．2 使用ECharts制作詞雲 253
5．4 時間軸的可視化實踐與工具 259
5．4．1 TimeFlow 259
5．4．2 Timegraphics 265
5．5 地理信息的可視化實踐與工具 267
5．5．1 Tableau Desktop的地理信息可視化實踐 267
5．5．2 智圖GeoQ的地理信息可視化實踐 270
5．5．3 ECharts的地理信息可視化實踐 275
5．6 時變空間數據可視化實踐工具Power Map 281
5．7 網絡可視化實踐與工具Gephi 282
5．8 數據的可視化實踐與工具 291
5．9 基於計算模型的交互可視化實踐工具Tangle 291
5．10 小結 294
第6章 數據新聞可視化內容的整合呈現 296
6．1 案例描述與制作流程概述 296
6．2 前期流程實踐概述 297
6．2．1 選題內容策劃 297
6．2．2 可視化前的數據準備 298
6．2．3 可視化內容的制作與準備 300
6．3 可視化內容整合呈現與數據新聞制作 304
6．3．1 DIV+CSS的網頁制作理念 304
6．3．2 網頁框架的搭建 307
6．3．3 導航菜單的實現 319
6．3．4 可視化內容和文案的嵌入 321
6．4 小結 327
參考文獻 328

隨著大數據時代的到來，與之相關的數據分析、數據可視化技術得到了更快的發展，並開始向與我們生活有關的各個領域滲透，其中就包括新聞領域。在大數據發展、“開放數據”潮流興起和可視化技術滲透的背景下，數據新聞應運而生。這種以“數據”和“可視化”為基礎的新型新聞報道模式一經推出，就受到國內外媒體的追捧，成為傳媒行業的寵兒。

數據新聞旨在通過搜集、處理、分析數據，挖掘其背後的關聯、模式和規律，通過豐富的可視化形式展現新聞內容，述說新聞故事。一次完整的數據新聞實踐通常需要經過選題內容策劃，搜集、處理、分析數據，可視化，可視化內容的整合呈現（新聞故事敘述）等階段。其中，可視化是數據新聞實踐的重要環節之一。數據可視化這一領域的發展實際上已經過了一段時間，有許多成熟的可視化技術、工具。數據新聞中的可視化對該領域已有的若干可視化技術、工具有所運用，同時也發展和呈現出新聞領域自身的特點。而且，作為實踐環節之一，可視化與其之前的數據搜集、處理與分析環節緊密相關，又是其之後可視化內容的整合呈現（新聞故事敘述）環節的基礎，起著承前啟後的關鍵作用，因此，對數據新聞中的可視化實踐進行討論是重要和必要的。隨著計算機技術的發展和向新聞領域的滲透，數據新聞可視化實踐能夠運用的工具越來越豐富，對相關從業人員也提出了越來越高的技術能力要求。除若干簡單易用的可視化工具外，HTML、CSS、JavaScript等Web前端開發技術，以及基於它們的可視化技術和工具在數據新聞領域的應用與實踐也變得更為重要，因此，針對數據新聞的可視化實踐需要進行更全面、詳細的探討。

本書以數據新聞的可視化實踐為主題，討論和介紹與之相關的一些內容。其中，以介紹數據新聞中常用、適用的可視化工具及其可視化實踐為最主要內容，且主要面向以圖片或網頁形式呈現的數據新聞。在介紹這些可視化工具時，不僅涉及一些簡單易用的工具，還涉及以編程為基礎的可視化框架、編程語言在數據新聞可視化實踐中的基本應用過程和方法。具體來說，本書分為六章。第1章進行數據新聞與可視化概述，介紹數據新聞的概念、意義、發展與現狀，數據新聞的實踐流程、數據可視化及其與數據新聞的關繫，數據新聞中的常見可視化技術類型，數據新聞的分類，並對數據新聞中常用、適用的可視化工具進行概述。通過上述討論，釐清數據可視化與數據新聞的區別與聯繫，強調可視化環節在數據新聞實踐流程中所處的承前啟後的關鍵位置及其與其他環節的聯繫等。同時，本書以可視化環節為中心，將數據新聞實踐流程歸結為“選題內容策劃”“可視化前的數據準備”“可視化”“可視化內容的整合呈現（新聞故事敘述）”四個環節，並圍繞後三個環節展開本書後續章節的討論。第2章介紹可視化前的數據準備——數據的搜集、處理與分析，包括“數據”的概念及數據準備與“可視化”的關繫，搜集數據的途徑與方法，數據的常見存儲格式，數據權威性的驗證，數據存儲格式的轉換、數據清洗、數據分析的一些方法和工具等。其中，重點介紹通過計算機程序（網絡爬蟲）抓取網頁數據（主要是如何用數據來源站點提供的應用程序接口搜集和獲取數據）的原理與過程，使用編程語言（主要以Python為例）實現數據存儲格式轉換的原理與過程，JSON格式與JavaScript的基本語法，以及使用Excel軟件進行數據清洗、數據分析的過程。第3～5章按照第1章對數據新聞中常用、適用的可視化工具的分類，通過舉例，討論各類可視化工具及其可視化實踐。第3章介紹Adobe Illustrator、Tableau、Excel、Power BI等簡單易用的可視化工具及其可視化實踐；第4章討論一些可視化框架與編程語言及其可視化實踐，以基於JavaScript的框架D3.js、ECharts的可視化實踐為重點；第5章主要面向第1章梳理的數據新聞中常見的可視化技術類型，探討特定展現形式的可視化實踐與工具，包括組合式統計圖表的可視化實踐與工具Plotly、基於模板的信息圖可視化實踐與工具、詞雲的可視化實踐與工具、時間軸的可視化實踐與工具、地理信息的可視化實踐與工具、時變空間的數據可視化實踐工具Power Map、網絡可視化實踐與工具Gephi、數據的可視化實踐與工具、基於計算模型的交互可視化實踐工具Tangle。第6章討論可視化內容的整合呈現，以制作網頁形式的數據新聞為例，介紹整合呈現過程的實踐方法。

為了給讀者一個更完整的印像，本書不僅按照實踐流程中的環節來編排章節，更重要的是，全書的舉例基本都圍繞同一個實例背景。第2～5章根據所討論的具體內容針對該實例背景的不同部分展開，最後一章對實例進行整合呈現，將前幾章的內容加以串聯、概括和綜合應用，也方便讀者理解可視化實踐在數據新聞中的重要地位（注：全書所舉實例和所用數據僅用於技術討論）。而且，本書以若干數據新聞中常用、適用的可視化工具及其可視化實踐為討論重點，針對各工具主要通過舉例來介紹其可視化實踐過程與方法，並不就某個工具展開過於深入的探討，因為本書希望通過介紹更多可視化工具及其實踐過程，使讀者在面對具體的可視化需求時能更好地選擇適用的工具。此外，本書雖然對一些以編程為基礎的可視化框架和編程語言進行介紹，但目的並非讓讀者精通編程，而是希望借此幫助讀者了解編程技術在數據新聞可視化實踐中的應用場景、適用性、特點與難度，使他們在需要學習和掌握一種以編程為基礎的可視化工具時，知道如何起步，以便應對數據新聞向新聞從業者提出越來越高的技術能力要求這一趨勢。同時，也讓他們認識到以編程為基礎的可視化工具既不是洪水猛獸，也不是萬能的，從業者需要根據具體的實踐情況選擇合適的可視化工具。

本書主要面向從事數據新聞實踐和研究的新聞從業者或相關研究者，對相關領域的技術人員也有一定的參考價值，還可作為相關專業本科生、研究生的參考書。

本書出版受北京市教委專項資金、北京印刷學院“新聞與傳播專業學位碩士授權點建設”項目資助。同時，本書也是北京市優秀人纔培養資助項目“面向傳媒行業的數據新聞實踐研究”（項目編號：2014000020124G112）的成果之一。本科生杜海燕（就職於澎湃新聞）、葉雅萍、孫文瑾和鄭彩妮參與了本書部分可視化軟件的調研，在此一並表示感謝。

由於作者水平所限，書中不足和錯誤之處在所難免，懇請廣大讀者批評指正。

肖 倩

北京印刷學院

謝海濤

北京科技經濟信息聯合中心

2020年10月