Learning D3.js 4 Mapping - Second Edition: Build cutting-edge maps and visualizations with 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頁面發布可視化效果