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

Quick bootstrap

If you're already familiar with working in D3 or web development, go ahead and set up your workstation based on the following commands by jumping directly to the Step-by-step bootstrap section.

A detailed explanation of this chapter's concepts will be covered if further instructions are needed. By the end of the chapter, you should feel comfortable in using the Quick bootstrap section as a convention throughout the book. The following instructions assume that Node.js and npm are already installed on your system.

Type in the following in the command line:

# Install a light webserver
npm install -g http-server

# Install topojson
npm install -g topojson

# Clone the sample code with included libraries
git clone --depth=1 [email protected]:climboid/d3jsMaps.git

# start the project
cd d3jsMaps
http-server

Tip

Downloading the example code

You can download the example code files from your account at http://www.packtpub.com for all the Packt Publishing books you have purchased. If you purchased this book elsewhere, you can visit http://www.packtpub.com/support and register to have the files e-mailed directly to you.

Now, open your web browser to http://localhost:8080/chapter-1/example-1.html, and you should see the following map:

Quick bootstrap
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