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.
  • Book Overview & Buying Learning D3.js Mapping
  • Table Of Contents Toc
  • Feedback & Rating feedback
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
Free Chapter
1
1. Gather Your Cartographer's Toolbox
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
chevron up
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

Writing testable code

There are dozens of factors to consider when creating visualizations. Every design will have its own set of unique requirements and configuration capabilities to consider. If you build on the reusable pattern outlined by Mike Bostock, you will have a great framework to start with.

When working with data visualizations, we will have some form of data manipulation or logic that must be applied to incoming data. There are two notable best practices we can leverage to test and validate these operations. They are explained in the following sections.

Keeping methods/functions small

Small functions mean low cyclomatic complexity. This means there are fewer logic branches in each function and, therefore, fewer things to test. If we test each simple function thoroughly and independently, then there will be fewer chances of things going wrong when we compose them together into larger complex computations. A good guideline is to try and keep methods around 10 lines of code.

Preventing...

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
End of Section 4
Next Section

Create a Note

Modal Close icon
You need to login to use this feature.
notes
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

Delete Note

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

Edit Note

Modal Close icon
Write a note (max 255 characters)
Cancel
Update Note

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