Index

A

• administrative files
  • karma.conf.js / Other administrative files
  • package.json / Other administrative files
• AJAX
  • about / AJAX
  • advantages / AJAX
  • reference link / AJAX
• albersUsa projection / Foundation – creating your basic map

B

• base.js script
  • about / Exploring the code directory
• best practices, reusable assets
  • methods/functions, simplifying / Keeping methods/functions small
  • global variables, avoiding / Preventing side effects
• bounding box, map
  • adjusting / Experiment 1 – adjusting the bounding box

C

• choropleths, map
  • creating / Experiment 2 – creating choropleths
• circle
  • creating / Circle
• click events
  • adding, to visualization / Experiment 3 – adding click events to our visualization
• code directory
  • exploring / Exploring the code directory
  • index.html / Exploring the code directory
  • main.css / Exploring the code directory
  • vendor / Exploring the code directory
  • scripts / Exploring the code directory
  • factories / Exploring the code directory
  • spec / Exploring the code directory
• code organization
  • about / Code organization and reusable assets, Writing testable code
• command-line tips, TopoJSON
  • URL / TopoJSON command-line tips
  • specific attributes, preserving / Preserving specific attributes
  • simplification / Simplification
  • files, merging / Merging files
• curve commands
  • Cubic Bézie / Paths with curves
  • reference link / Paths with curves
  • Quadratic Bézier / Paths with curves
  • Elliptical Arc / Paths with curves

D

• D3
  • SVG elements / Creating basic SVG elements
  • enter function / Enter
  • update function / Update
  • exit function / Exit
• dataset
  • including / Including the dataset
• developer tools
  • working with / Working with the developer tools
• development environment
  • setting up / Step-by-step bootstrap
  • lightweight web server / A lightweight web server

E

• enter function
  • about / Enter
  • example / Enter
• events
  • about / Events and how they occur
  • hover events, creating / Experiment 1 – hover events
  • tooltips, enhancing with visualizations / Experiment 2 – tooltips with visualizations
  • panning / Experiment 3 – panning and zooming
  • zooming / Experiment 3 – panning and zooming
  • orthographic projections / Experiment 4 – orthographic projections
• exit function
  • about / Exit
  • example / Exit

F

• factories directory
  • about / Exploring the code directory
• feature object
  • geometry / GeoJSON
  • properties / GeoJSON
  • id / GeoJSON

G

• geo.mercator projection / Foundation – creating your basic map
• GeoData file types
  • shapefiles / GeoData file types, What are shapefiles and how do I get them?
  • GeoJSON / GeoData file types, GeoJSON
  • TopoJSON / GeoData file types, TopoJSON basics
• Geographic Information Systems (GIS)
  • about / What are shapefiles and how do I get them?
• GeoJSON
  • about / GeoJSON
  • URL / GeoJSON
  • used, for creating map / A quick map in D3 with only GeoJSON
• Google Chrome
  • using / Using the web browser as a development tool
  • URL, for installing / Using the web browser as a development tool
• grouping
  • about / Grouping
  • benefits / Grouping

H

• hover events
  • creating / Experiment 1 – hover events

I

• index.html file
  • about / Exploring the code directory
• installation, Node.js
  • about / Quick bootstrap, A lightweight web server
• installation, npm
  • about / Quick bootstrap, A lightweight web server

J

• Jasmine
  • about / Unit testing
  • URL / Unit testing

K

• karma.conf.js
  • about / Other administrative files

L

• lightweight web server
  • about / A lightweight web server
  • benefits / A lightweight web server
• line
  • creating / Line

M

• main.css file
  • about / Exploring the code directory
• map
  • creating / Foundation – creating your basic map
  • dataset, including / Including the dataset
  • bounding box, adjusting / Experiment 1 – adjusting the bounding box
  • choropleths, creating / Experiment 2 – creating choropleths
  • click events, adding to visualization / Experiment 3 – adding click events to our visualization
  • visualization, enhancing with updates and transitions / Experiment 4 – using updates and transitions to enhance our visualization
  • points of interest, adding / Experiment 5 – adding points of interest
  • visualizations, adding as point of interest / Experiment 6 – adding visualizations as a point of interest
  • creating, GeoJSON used / A quick map in D3 with only GeoJSON

N

• node-gyp
  • about / Optimizing geographic data files with TopoJSON
  • URL / Optimizing geographic data files with TopoJSON
• Node.js
  • installing / Quick bootstrap, A lightweight web server
  • URL / A lightweight web server
• npm
  • installing / Quick bootstrap, A lightweight web server

O

• orthographic projections
  • creating / Experiment 4 – orthographic projections
  • rotating / Experiment 5 – rotating orthographic projections
  • dragging / Experiment 6 – dragging orthographic projections

P

• package.json
  • about / Other administrative files
• panning
  • rendering / Experiment 3 – panning and zooming
• path
  • creating / Path
  • experimenting / Experiment
  • creating, with curves / Paths with curves
• polygon
  • creating / Polygon
• project structure
  • about / Project structure
  • code directory, exploring / Exploring the code directory
  • administrative files / Other administrative files

R

• rectangle
  • creating / Rectangle
• rectangles function
  • about / Update
• resilient visualization code
  • creating / Creating resilient visualization code
  • new test case, adding / Adding a new test case
• reusable assets
  • about / Code organization and reusable assets
  • best practices / Writing testable code
  • example / An example with viz.js
• reusable chart pattern
  • reference link / Experiment 2 – tooltips with visualizations

S

• scale
  • about / Transform, Scale
• scripts directory
  • about / Exploring the code directory
  • base.js script / Exploring the code directory
  • viz.js script / Exploring the code directory
• setInterval function
  • about / Update
• shapefiles
  • about / What are shapefiles and how do I get them?
  • reference link / What are shapefiles and how do I get them?
  • acquiring / Acquiring shapefiles for a specific country
  • URL, for acquiring / Acquiring shapefiles for a specific country
• simplification, TopoJSON file
  • reference link / Simplification
• spec directory
  • about / Exploring the code directory
• SVG
  • overview / Introduction – general knowledge
• SVG elements
  • positioning / Positioning elements
  • line / Line
  • rectangle / Rectangle
  • circle / Circle
  • polygon / Polygon
  • path / Path
  • text / Text
  • creating / Creating basic SVG elements

T

• text
  • about / Text
• tooltips
  • enhancing, with visualizations / Experiment 2 – tooltips with visualizations
• TopoJSON
  • used, for optimizing geographic data files / Optimizing geographic data files with TopoJSON
  • about / TopoJSON basics
  • command-line tips / TopoJSON command-line tips
• TopoJSON, dimensions
  • TopoJSON / TopoJSON basics
  • topojson / TopoJSON basics
  • topojson.js / TopoJSON basics
• transform
  • about / Transform
  • translate / Transform, Translate
  • scale / Transform, Scale
• transitions
  • adding, to visualization / Experiment 4 – using updates and transitions to enhance our visualization
• translate
  • about / Transform, Translate
• translate function
  • about / Including the dataset

U

• unit testing
  • performing / Unit testing
• update function
  • about / Update
  • example / Update

V

• vendor directory
  • about / Exploring the code directory
• visualization
  • adding / Experiment 6 – adding visualizations as a point of interest
• visualization, map
  • enhancing, with transitions / Experiment 4 – using updates and transitions to enhance our visualization
• visualizations, D3
  • reference link / Experiment 2 – creating choropleths
• viz.js script
  • about / Exploring the code directory

W

• web browser
  • using, as development tool / Using the web browser as a development tool
  • Google Chrome, using / Using the web browser as a development tool
  • sample code, installing / Installing the sample code
  • developer tools, working with / Working with the developer tools

Z

• zooming
  • rendering / Experiment 3 – panning and zooming