Learning D3.js Mapping电子书

Learning D3.js Mapping

Table of Contents

Learning D3.js Mapping

Credits

About the Authors

About the Reviewers

www.PacktPub.com

Support files, eBooks, discount offers, and more

Why subscribe?

Free access for Packt account holders

Preface

What this book covers

What you need for this book

Who this book is for

Conventions

Reader feedback

Customer support

Downloading the example code

Errata

Piracy

Questions

1. Gather Your Cartographer's Toolbox

Quick bootstrap

Step-by-step bootstrap

A lightweight web server

Optimizing geographic data files with TopoJSON

Using the web browser as a development tool

Installing the sample code

Working with the developer tools

Summary

2. Creating Images from Simple Text

Introduction – general knowledge

Positioning elements

Line

Rectangle

Circle

Polygon

Path

Experiment

Paths with curves

Transform

Translate

Scale

Grouping

Text

Summary

3. Producing Graphics from Data – the Foundations of D3

Creating basic SVG elements

Enter

Update

Exit

AJAX

Summary

4. Creating a Map

Foundation – creating your basic map

Including the dataset

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

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

GeoData file types

What are shapefiles and how do I get them?

Acquiring shapefiles for a specific country

GeoJSON

A quick map in D3 with only GeoJSON

TopoJSON basics

TopoJSON command-line tips

Preserving specific attributes

Simplification

Merging files

Summary

7. Testing

Code organization and reusable assets

Project structure

Exploring the code directory

Other administrative files

Writing testable code

Keeping methods/functions small

Preventing side effects

An example with viz.js

Unit testing

Creating resilient visualization code

Adding a new test case

Summary

Index