Learning D3.js 4 Mapping - Second Edition: Build cutting-edge maps and visualizations with JavaScript
暫譯: 學習 D3.js 4 地圖製作 - 第二版:使用 JavaScript 建立尖端地圖和視覺化效果

Thomas Newton, Oscar Villarreal, Lars Verspohl

  • 出版商: Packt Publishing
  • 出版日期: 2017-11-29
  • 定價: $1,380
  • 售價: 6.0$828
  • 語言: 英文
  • 頁數: 298
  • 裝訂: Paperback
  • ISBN: 1787280179
  • ISBN-13: 9781787280175
  • 相關分類: Data-visualizationJavaScript
  • 立即出貨 (庫存=1)

買這商品的人也買了...

相關主題

商品描述

Key Features

  • Dive into D3.js and apply its powerful data binding ability in order to create stunning visualizations
  • Learn the key concepts of SVG, JavaScript, CSS and the DOM to bring data and shapes to live in the browser
  • Solve common problems faced while building interactive maps
  • Acquire key web development skills from the creating your interactive to testing and finally publishing it.

Book Description

D3.js is a visualization library used for the creation and control of dynamic and interactive graphical forms. It is a library used to manipulate HTML and SVG documents as well as the Canvas element based on data. Using D3.js, developers can create interactive maps for the web, that look and feel beautiful.

This book will show you how build and design maps with D3.js and gives you great insight into projections, colors, and the most appropriate types of map.

The book begins by helping you set up all the tools necessary to build visualizations and maps. Then it covers obtaining geographic data, modifying it to your specific needs, visualizing it with augmented data using D3.js. It will further show you how to draw and map with the Canvas API and how to publish your visualization. By the end of this book, you'll be creating maps like the election maps and the kind of infographics you'll find on sites like the New York Times.

What you will learn

  • Work with SVG geometric shapes
  • Learn to manage map data and plot it with D3.js
  • Add interactivity and points of interest to your maps
  • Compress and manipulate geoJSON files with the use of topoJSON
  • Learn how to write testable D3.js visualizations
  • Build a globe with D3.js and Canvas and add interactivity to it.
  • Create a hexbin map with D3.js

About the Author

Thomas Newton has over 20 years of experience in software engineering, creating highly scalable and flexible software solutions for clients. During this period, he has developed a broad range of expertise ranging from data visualizations, to large-scale cloud platforms, to continuous delivery and DevOps. When not going in a new technology, he spends time with his beautiful family.

Oscar Villarreal has been building web applications and visualizations for the past 15 years. He's worked with all kinds of businesses and organizations globally, helping them visualize and interact with data in more meaningful ways. He enjoys spending time with his wife and kid, as well as hanging from the edge of a rock wall when climbing.

Lars Verspohl has been modeling and visualizing data for over 15 years. He works with businesses and organisations from all over the world to turn their often complex data into intelligible interactive visualizations. He also writes and builds stuff at datamake.io. His ideal weekend is spent either at a lake or on a mountain with his kids, although it can be hard to tear them away from the computer games he wrote for them.

Table of Contents

  1. GATHER YOUR CARTOGRAPHER'S TOOLBOX
  2. CREATING IMAGES FROM SIMPLE TEXT
  3. PRODUCING GRAPHICS FROM DATA
  4. CREATING A MAP
  5. APPLYING INTERACTIVITY TO YOUR MAP
  6. FINDING AND WORKING WITH GEOGRAPHIC DATA
  7. TESTING
  8. Drawing with Canvas and D3
  9. Mapping with D3 and Canvas
  10. Adding interactivity to a canvas map
  11. Shaping maps with data
  12. Publishing a visualisation with GitHub pages

商品描述(中文翻譯)

#### 主要特點
- 深入了解 D3.js,並應用其強大的數據綁定能力來創建驚人的可視化效果
- 學習 SVG、JavaScript、CSS 和 DOM 的關鍵概念,讓數據和形狀在瀏覽器中生動呈現
- 解決構建互動地圖時常見的問題
- 獲得關鍵的網頁開發技能,從創建互動地圖到測試,最終發佈

#### 書籍描述
D3.js 是一個用於創建和控制動態及互動圖形的可視化庫。它是一個用於基於數據操作 HTML 和 SVG 文檔以及 Canvas 元素的庫。使用 D3.js,開發者可以為網頁創建看起來美觀的互動地圖。

本書將向您展示如何使用 D3.js 構建和設計地圖,並深入了解投影、顏色以及最合適的地圖類型。

本書首先幫助您設置所有必要的工具來構建可視化和地圖。然後涵蓋獲取地理數據、根據您的特定需求修改數據、使用 D3.js 進行增強數據的可視化。接著將展示如何使用 Canvas API 繪製和映射,以及如何發佈您的可視化作品。在本書結束時,您將能夠創建類似選舉地圖和您在《紐約時報》等網站上找到的資訊圖表。

#### 您將學到的內容
- 使用 SVG 幾何形狀
- 學習管理地圖數據並使用 D3.js 繪製
- 為您的地圖添加互動性和興趣點
- 使用 topoJSON 壓縮和操作 geoJSON 文件
- 學習如何編寫可測試的 D3.js 可視化
- 使用 D3.js 和 Canvas 構建一個地球儀並為其添加互動性
- 使用 D3.js 創建六邊形圖

#### 關於作者
**Thomas Newton** 擁有超過 20 年的軟體工程經驗,為客戶創建高度可擴展和靈活的軟體解決方案。在此期間,他發展了廣泛的專業知識,涵蓋數據可視化、大型雲平台、持續交付和 DevOps。當不在探索新技術時,他會與他美麗的家人共度時光。

**Oscar Villarreal** 在過去 15 年中一直在構建網頁應用程式和可視化。他與全球各種企業和組織合作,幫助他們以更有意義的方式可視化和互動數據。他喜歡與妻子和孩子共度時光,並在攀岩時懸掛在岩壁邊緣。

**Lars Verspohl** 擁有超過 15 年的數據建模和可視化經驗。他與來自世界各地的企業和組織合作,將他們通常複雜的數據轉化為易於理解的互動可視化。他還在 datamake.io 撰寫和構建內容。他理想的週末是在湖邊或山上與孩子們共度,儘管有時很難讓他們離開他為他們編寫的電腦遊戲。

#### 目錄
1. 收集您的製圖工具箱
2. 從簡單文本創建圖像
3. 從數據生成圖形
4. 創建地圖
5. 為您的地圖應用互動性
6. 尋找和處理地理數據
7. 測試
8. 使用 Canvas 和 D3 繪圖
9. 使用 D3 和 Canvas 繪製地圖
10. 為 Canvas 地圖添加互動性
11. 使用數據塑造地圖
12. 使用 GitHub Pages 發佈可視化作品