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
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
chevron up
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 2. Creating Images from Simple Text

In this chapter, a high-level overview of Scalable Vector Graphics (SVG) will be presented by explaining how it operates and what elements it encompasses. In a browser context, SVG is very similar to HTML and is one of the means by which D3 expresses its power. Understanding the nodes and attributes of SVG will empower us to create many kinds of visualizations, not just maps. This chapter includes the following points:

  • A general SVG overview and key elements
  • The SVG coordinate system
  • The primary elements of SVG (lines, rectangles, circles, polygons, and paths)
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 2
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