Book Image

Learning D3.js Mapping

Book Image

Learning D3.js Mapping

Overview of this book

Related Content you might be interested in

Current Title:

Small book image
Learning D3.js Mapping
Dec, 2014 | 126 pages
No titles found
Table of Contents (14 chapters)
Learning D3.js Mapping
Learning D3.js Mapping
Credits
Credits
About the Authors
About the Authors
About the Reviewers
About the Reviewers
www.PacktPub.com
www.PacktPub.com
Preface
Preface
Free Chapter
1
Gather Your Cartographer's Toolbox
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
Creating Images from Simple Text
Creating Images from Simple Text
Introduction – general knowledge
Positioning elements
Line
Rectangle
Circle
Polygon
Path
Transform
Grouping
Text
Summary
3
Producing Graphics from Data – the Foundations of D3
Producing Graphics from Data – the Foundations of D3
Creating basic SVG elements
Enter
Update
Exit
AJAX
Summary
4
Creating a Map
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
Click-click Boom! Applying Interactivity to Your Map
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
Finding and Working with Geographic Data
Finding and Working with Geographic Data
GeoData file types
Summary
7
Testing
Testing
Code organization and reusable assets
Project structure
Writing testable code
Unit testing
Creating resilient visualization code
Summary
Index
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)

Previous Section
End of Section 1
Next Section