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

Summary

In this chapter, we explained the core elements of D3 (enter, update, and exit). We understood the power of joining data to our visualization. Not only can data come from many different sources, but it is possible to have the visualization automatically updated as well.

Many detailed examples can be found in the D3 Gallery at https://github.com/mbostock/d3/wiki/Gallery.

In the next chapter, we will combine all of these techniques to build our first map from scratch. Get ready!

Previous Section
End of Chapter 3
Next Chapter