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

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Learning D3.js Mapping
  • Toc
  • feedback
Learning D3.js Mapping

Learning D3.js Mapping

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

Learning D3.js Mapping

4.3 (7)
By: Newton, Oscar Villarreal

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

Who this book is for

This book is carefully designed to allow the reader to jump between chapters based on what they are planning to get out of the book. Here is a brief guide to help you navigate the book:

  • In all cases, briefly read Chapter 1, Gather Your Cartographer's Toolbox, as it will provide a baseline on how your system is set up to easily follow the rest of the examples.
  • If you are new to SVG and D3, then read Chapter 2, Creating Images from Simple Text, and Chapter 3, Producing Graphics from Data – the Foundations of D3. Chapter 3, Producing Graphics from Data – the Foundations of D3, also provides a refresher to the enter, update, and exit pattern for those who have experience in D3.
  • If you are comfortable with all these basics and ready to jump into map creation immediately, then you can proceed directly to Chapter 4, Creating a Map, and Chapter 5, Click-click Boom! Applying Interactivity to Your Map. The examples should be easy to follow and help you get bootstrapped with map making quickly.
  • Once you are comfortable with map making, then Chapter 6, Finding and Working with Geographic Data, will help you further your craft by providing tools to help you work with the data.
  • If you are interested in testing D3 visualizations (not just maps), then read Chapter 7, Testing. It does not assume any prior map-making knowledge and can be read independently of chapters 4, 5, and 6.

Every chapter is full of pragmatic examples that can easily provide the foundation to more complex work. We have explained, step by step, how each example works. That said, we also firmly believe in "learning by doing". As you work through the examples, continue to experiment with the sample code provided. Change the data. Change the scaling functions and colors. See how the map reacts and play with D3. Most importantly, have fun!

Unlock full access

Continue reading for free

A Packt free trial gives you instant online access to our library of over 7000 practical eBooks and videos, constantly updated with the latest in tech
Start a 7-day FREE trial
Next Section
bookmark search playlist font-size

Change the font size

margin-width

Change margin width

day-mode

Change background colour

Close icon Search
Country selected
Close icon Your notes and bookmarks

Delete Bookmark

Modal Close icon
Are you sure you want to delete it?
Cancel
Yes, Delete