Browse Library
Sign In Start Free Trial
Close icon Search icon
Account
Browse Library Sign In Start Free Trial

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Book Overview & Buying Learning D3.js Mapping
  • Table Of Contents Toc
Learning D3.js Mapping

Learning D3.js Mapping

By : Newton, Oscar Villarreal
4.3 (7)
Buy this Book
close
close
Learning D3.js Mapping

Learning D3.js Mapping

4.3 (7)
By: Newton, Oscar Villarreal
Buy this Book

Overview of this book

If you are interested in creating maps for the web GIS data, this book is for you. Familiarity with D3.js will be helpful but is not necessary.
Table of Contents (9 chapters)
close
close
close
Preface
Icon
Preface
Icon
What this book covers
Icon
What you need for this book
Icon
Who this book is for
Icon
Conventions
Icon
Reader feedback
Icon
Customer support
Lock Free Chapter
1
1. Gather Your Cartographer's Toolbox
chevron up
Icon
1. Gather Your Cartographer's Toolbox
Icon
Quick bootstrap
Icon
Step-by-step bootstrap
Icon
Optimizing geographic data files with TopoJSON
Icon
Using the web browser as a development tool
Icon
Summary
2
2. Creating Images from Simple Text
Icon
2. Creating Images from Simple Text
Icon
Introduction – general knowledge
Icon
Positioning elements
Icon
Line
Icon
Rectangle
Icon
Circle
Icon
Polygon
Icon
Path
Icon
Transform
Icon
Grouping
Icon
Text
Icon
Summary
3
3. Producing Graphics from Data – the Foundations of D3
Icon
3. Producing Graphics from Data – the Foundations of D3
Icon
Creating basic SVG elements
Icon
Enter
Icon
Update
Icon
Exit
Icon
AJAX
Icon
Summary
4
4. Creating a Map
Icon
4. Creating a Map
Icon
Foundation – creating your basic map
Icon
Experiment 1 – adjusting the bounding box
Icon
Experiment 2 – creating choropleths
Icon
Experiment 3 – adding click events to our visualization
Icon
Experiment 4 – using updates and transitions to enhance our visualization
Icon
Experiment 5 – adding points of interest
Icon
Experiment 6 – adding visualizations as a point of interest
Icon
Summary
5
5. Click-click Boom! Applying Interactivity to Your Map
Icon
5. Click-click Boom! Applying Interactivity to Your Map
Icon
Events and how they occur
Icon
Experiment 1 – hover events
Icon
Experiment 2 – tooltips with visualizations
Icon
Experiment 3 – panning and zooming
Icon
Experiment 4 – orthographic projections
Icon
Experiment 5 – rotating orthographic projections
Icon
Experiment 6 – dragging orthographic projections
Icon
Summary
6
6. Finding and Working with Geographic Data
Icon
6. Finding and Working with Geographic Data
Icon
GeoData file types
Icon
Summary
7
7. Testing
Icon
7. Testing
Icon
Code organization and reusable assets
Icon
Project structure
Icon
Writing testable code
Icon
Unit testing
Icon
Creating resilient visualization code
Icon
Summary
8
Index
Icon
Index

Chapter 1. Gather Your Cartographer's Toolbox

Welcome to the world of cartography with D3. In this chapter, you will be given all the tools you need to create a map using D3. These tools exist freely and openly, thanks to the wonderful world of open source. Given that we are going to be speaking in terms of the Web, our languages will be HTML, CSS, and JavaScript. After reading this book, you will be able to use all three languages effectively in order to create maps on your own.

When creating maps in D3, your toolbox is extraordinarily light. The goal is to focus on creating data visualizations and remove the burden of heavy IDEs and map-making software. The building blocks are as follows:

  • Quick bootstrap: We will cover installing Node.js, npm, and a lightweight server.
  • TopoJSON: We will see the working of this tool that is used to manage and optimize geographic information.
  • Web browser as a development tool: We will learn how to use a modern web browser, capable of rendering SVG files with built-in development tools. Some examples of common web browsers are Chrome, Firefox, Safari, and IE 9+.

    Note

    All screenshots and commands in this book have been done using Chrome. Therefore, we strongly recommend you to use this browser.

  • Installing sample code: We will take the first steps in getting to grips with coding.
  • Working with developer tools: We will get familiar with developer tools.
CONTINUE READING
83
Tech Concepts
36
Programming languages
73
Tech Tools
Icon Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.
Icon Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.
Icon 50+ new titles added per month and exclusive early access to books as they are being written.
Learning D3.js Mapping
End of Section 1
Next Section
notes
bookmark Notes and Bookmarks search Search in title playlist Add to playlist font-size Font size

Change the font size

margin-width Margin width

Change margin width

day-mode Day/Sepia/Night Modes

Change background colour

Close icon Search
Country selected
Close icon Your notes and bookmarks

Confirmation

Modal Close icon
claim successful
Order Page Read Now

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY

Submit Your Feedback

Modal Close icon
Modal Close icon
Modal Close icon