D3.js資料視覺化實用攻略：完整掌握Web開發技術，繪製互動式圖表不求人 (1版)

類似書籍推薦給您

【簡介】 【專業推薦】 「這是一本深度和廣度都兼具的D3.js專書，將帶領你進入資料視覺化的奇妙世界，我毫不猶豫地推薦給你。」 ──Vue.js Taiwan社群主辦人 | 許國政（Kuro） 【本書特色】 打造動態且驚豔酷炫的客製化圖表的D3.js實戰指南！ 剖析D3.js資料視覺化原理，搭配豐富實戰案例，讓你輕鬆上手D3.js！ ✪由淺入深介紹：循序漸進說明如何使用D3.js建立圖表 ✪官方文件說明：讀懂D3.js官方文件，不怕跟不上改版 ✪完整圖表範例：完整收錄從基礎到進階的圖表範例 ✪豐富實戰案例：使用真實世界的開放資料解說圖表 【內容簡介】 本書內容改編自第13屆iThome鐵人賽Modern Web組佳作系列文章《三十天成為D3.js v7好手》。本書從詳述D3.js建立圖表的基礎原理開始，循序介紹如何閱讀官方文件、了解繁多的API使用方式、分解圖表的構成元件、繪製圖表、建立動畫與互動功能等，透過由淺入深的內容安排，可讓你輕鬆進入D3.js的世界。此外，本書還以常見的圖表程式碼範例做示範，可讓你快速領略圖表打造的奧祕，無論你是初出茅廬的前端初心者，或是想增加圖表技能的程式開發者，都能成功邁入資料視覺化的世界。 【精采內容】 ♚詳細解說D3.js原理與各項建立圖表的API 本書詳細說明D3.js繪製圖表時的API用途、輸入與輸出數值、注意事項，讓讀者從根本上了解該API的使用方式。 ♚帶領你讀懂D3.js官方文件 內容解說D3.js官方文件，讓你不用再擔心會有版本變化快速以及不明白程式碼哪裡出錯的困擾。 ♚常見圖表與互動效果的實際範例 書中手把手示範常見的圖表範例程式碼，同時建立該圖表常搭配的互動功能，讀者可將本書作為尋找圖表範例的參考書。 ♚使用?實世界的資料示範 本書的圖表範例使用政府或公家機構釋出的開放資源，運用實際數據建立圖表，呈現真實世界的圖表應用。 【目標讀者】 ✪對資料視覺化有興趣的程式開發者。 ✪具備基礎JS開發經驗的前端工程師。 ✪看不懂D3.js官方文件，不得其門而入的圖表苦手。 ✪喜歡華麗、動態且想客製化圖表的開發者。 【目錄】 |CHAPTER 01| D3.js基本介紹 1.1 D3.js的發展簡史 1.2 D3.js的特色 1.3 D3.js能做什麼？ 1.4 D3.js的優缺點 1.5 為何要選擇D3.js？ 1.6 本書目標與內容 1.7 範例程式碼和Github Page範例網站 |CHAPTER 02| 學習D3.js前必備的SVG知識 2.1 SVG的基礎觀念 2.2 SVG形狀 2.3 SVG線條 2.4 SVG路徑、文字 2.5 SVG常用的表現屬性與轉換屬性 |CHAPTER 03| 從看懂文件開始 3.1 D3.js官方文件介紹 3.2 D3.js官方圖表示範網站 3.3 D3.js的30種API介紹 3.4 D3.js安裝起步走 3.5 D3.js版本確認 |CHAPTER 04| D3.js核心概念：選取與綁定 4.1 選取器（Selections） 4.2 調整元素 4.3 資料綁定（Data Binding） 4.4 選取與綁定資料的應用範例 4.5 事件處理與呼叫方法 |CHAPTER 05| 資料匯入與整理 5.1 公開資料平台 5.2 匯入資料的API 5.3 資料整理 |CHAPTER 06| 繪製圖形的Helper Function 6.1 Generators 6.2 Components 6.3 Layouts |CHAPTER 07| 圖表的組成 7.1 比例尺（Scales） 7.2 軸線與刻度（Axes & Ticks） 7.3 響應式圖表（RWD） |CHAPTER 08| 圖表動畫與滑鼠事件 8.1 動畫 8.2 基礎滑鼠事件與互動效果 8.3 工具提示框（Tooltips） |CHAPTER 09| 圖表進階互動事件 9.1 拖曳 9.2 縮放 9.3 選取刷 |CHAPTER 10| 常見圖表繪製與互動效果 10.1 圓餅圖 10.2 散點圖 / 散佈圖 10.3 氣泡圖 10.4 長條圖 10.5 複數長條圖 10.6 堆疊長條圖 10.7 折線圖 10.8 多線折線圖

Web Tracking 的資安攻擊與防禦策略：淺析當代瀏覽器的隱私議題 （iThome鐵人賽系列書）【軟精裝】 (1版)

類似書籍推薦給您

【簡介】 隱匿卻無所不在的隱私威脅 從 Web Tracking 技術的攻擊、防禦、歷史發展， 探討當代瀏覽器最重要的隱私議題之一 　　本書內容改編自第14 屆 iThome 鐵人賽 Security 組冠軍系列文章《天羅地網：淺談 Web Tracking 的過去、現在、未來》。內容涵蓋 Web Tracking 相關技術的基礎、實際案例， 以及未來發展。Web Tracking 意指「在不同情境中重新識別使用者，而且技術上無須使用者的期待或同意」。常見的相關技術包含 Cookie 與 Browser Fingerprinting 等。藉由 Web Tracking，追蹤者可以暗中記錄使用者的行為，推斷其偏好及傾向，以預測或甚至操弄使用者的行為。Web Tracking 相關技術無疑是當今網路生態中最具有隱私侵犯性的技術。 　　▇ 正常功能如何濫用於隱私侵害，以及如何防禦 　　Web Tracking 技術的一大特色在於，其所使用的瀏覽器功能大多不是一開始便設計於追蹤使用者，然而因為一些設計上的缺陷或預料之外的利用方式，使得這些功能可以被濫用於追蹤使用者。當今存在兩種不同的反制徑路：第一，是對於 Web Tracking 技術的防禦，探討如何避免被追蹤；第二，是討論如何在保護隱私的前提下達成那些 Web Tracking 希望做到的目標。這個反制的過程有來自資安社群、瀏覽器開發商、廣告產業界、學界的輸入，雖然都打著保護隱私的稱呼，卻因各式問題而有不少爭議與衝突意見。 　　▇ 從基礎瞭解 Web Tracking 的技術發展 　　本書將從最基礎開始講起，討論過去與現在曾經出現的幾個經典 Web Tracking 技術以及其防禦。同時，也會探討幾個真實世界的案例。本書的最後一章則會討論隱私保護的次世代 Web Tracking 技術。讀者除了會學習到相關技術以外，也會對於一些看似正常、合理的功能可以如何被濫用有更多的了解，並認識到如何分析一個功能所具有的潛在資安與隱私威脅。 本書特色 　　從攻擊到防禦：同時探討追蹤技術的攻擊與防禦面向 　　PoC 程式解析：藉由範例程式碼與講解輔助概念理解 　　實際案例分析：由案例分析瞭解追蹤技術的實際應用 　　隱私保護技術：探究次世代追蹤技術將如何兼顧隱私 　　目標讀者 　　・對網頁安全、瀏覽器安全與隱私、網路隱私等議題感興趣者 【目錄】 前言 第一章 初探 Web Tracking 1-1 什麼是 Web Tracking Web Tracking 與 Security 的關係 Web Tracking 與廣告投放 Web Tracking 的用途 1-2 背景知識 第二章 Stateful Tracking 2-1 Cookie First-party & Third-party Cookie Third-party Cookie 如何做到 Cross-site Tracking SameSite Cookies Third-party Cookie 的輓歌⋯⋯嗎？ Firefox 的防禦手段 Safari 的防禦機制：ITP Storage Access API Chrome 的防禦機制：CHIPS Cookie Syncing 2-2 典型與意料之外的儲存位置 Local Storage IndexedDB Cache HSTS SuperCookie Favicon SuperCookie 2-3 達成 Cross-Site Tracking 的其他方法 CNAME Cloaking Bounce Trackers Link Decoration 2-4 Content Blocking Content Blocker 的不同阻擋樣態 Content Blocker 如何阻擋請求 如何偵測廣告與 tracker 如何維持網站功能性 如何繞過基於 Filter List 的 Content Blocking 2-5 案例分析：Facebook 的 Web Tracking FB Pixel 之前的追蹤 FB Pixel 是什麼 FBCLID 如何運作 防禦 第三章 Stateless Tracking 3-1 Browser Fingerprinting 是什麼 Browser Fingerprinting 範例 Browser Fingerprinting 如何用於追蹤 Browser Fingerprinting 特徵的理想性質 Browser Fingerprinting 的特性 Active 與 Passive Fingerprinting Browser Fingerprinting 的防禦策略 3-2 Information Theory Information Surprisal Entropy Anonymity Sets 3-3 Passive Fingerprinting IP Address HTTP Request Header TLS Fingerprinting 3-4 螢幕與視窗資訊 使用 JavaScript 獲得螢幕與視窗大小 使用 CSS 獲得視窗大小 解法 3-5 Fonts Fingerprinting 篩選待測字型 檢查字型是否存在 防禦 3-6 Canvas Fingerprinting 背景 為何 Canvas Fingerprinting 存在 如何產生 Canvas Fingerprint 防禦 3-7 WebGL Fingerprinting 背景：何謂 WebGL WebGL Report Fingerprinting WebGL Canvas Fingerprinting 防禦 3-8 WebRTC Fingerprinting 與 Media Device Fingerprinting Fingerprinting WebRTC Fingerprinting Media Device Fingerprinting 3-9 Web Audio Fingerprinting Web Audio API Web Audio Fingerprinting Fingerprinting Vectors 為何 Web Audio API 會產生不同結果 解法 3-10 Browser Extensions Fingerprinting Browser Extension 簡介 如何偵測 Browser Extension 是否存在 防禦 3-11 Ad blocker Fingerprinting 如何檢測 Filter List 啟用狀態 優勢與限制 防禦 3-12 Battery Status Fingerprinting Battery Status API Battery Status Fingerprinting 防禦 3-13 JavaScript-less Fingerprinting 選擇性執行 CSS Rules Fonts Fingerprinting by @font-face HSTS SuperCookie with CSS 結語 3-14 Browser Fingerprinting 的防禦以及其如何失敗 為何 Anti-Fingerprinting 這麼難？ Browser Fingerprinting 的防禦手段 為何偽造數值很困難？ Privacy Paradox：失敗的 Anti-Fingerprinting 技術會使Fingerprinting 更容易 3-15 Privacy Budget Privacy Budget 如何運作 Privacy Budget 的批評 結語 3-16 Fingerprint 的改變與連結 Fingerprint 的穩定度 Fingerprint 為何會更新？ 如何串連不同 Fingerprint 第四章 Privacy-preserving Web Tracking 4-1 Web Tracking 可能兼顧隱私嗎？ 何謂 Privacy-preserving Privacy-preserving Web Tracking？ 瀏覽器的隱私革命 4-2 FLoC FLoC 是什麼？想解決什麼問題？ FLoC 的運作方式 FLoC 的批評 FLoC 的攻擊 結語 4-3 Topics API Topics API 如何運作 隱私分析 攻擊 結語 4-4 Unified ID 2.0 Unified ID 2.0 如何運作？ 安全分析 隱私分析 結語 4-5 Private Click Measurement PCM 要解決什麼？ PCM 如何運作 安全性分析 PCM 的批評 結語 4-6 Interoperable Private Attribution IPA 想解決什麼 IPA 如何運作 IPA 的優勢與限制 4-7 P3P、DNT、GPC Platform for Privacy Preferences（P3P） Do Not Track（DNT） Global Privacy Control（GPC） 結語 參考資料